diff --git a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
index 9e92119b9..cdb1cbc46 100644
--- a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
+++ b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
@@ -4126,9 +4126,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
@@ -4166,9 +4165,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
@@ -4209,11 +4207,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -4293,9 +4291,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
@@ -4312,56 +4309,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6MDM1NDBhOWUtZTY1Ny00NTRlLWFlN2ItOGFkOWRhODZjZmVk",
+                                        "lat": 47.6759,
+                                        "lon": -122.3158,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4372,73 +4376,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4449,48 +4453,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -4512,9 +4529,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
@@ -4552,9 +4568,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
@@ -4595,11 +4610,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -4679,9 +4694,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
@@ -4698,56 +4712,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NjliMWJmZmEtMzk0Yi00Mzc0LWIwN2MtMzdlMTA2MjAzMWU5",
+                                        "lat": 47.6758,
+                                        "lon": -122.3157,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4758,73 +4779,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4835,48 +4856,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -4898,9 +4932,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
@@ -4938,9 +4971,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
@@ -4981,11 +5013,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -5065,9 +5097,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
@@ -5084,56 +5115,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6MWQzN2RiMGEtMWM2MC00ZTgyLWEwY2YtNmFkNmE4NTEyNmEw",
+                                        "lat": 47.6759,
+                                        "lon": -122.3159,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -5144,73 +5182,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -5221,48 +5259,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -5284,9 +5335,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "Stop",
                               "code": "36940",
@@ -5851,7 +5901,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           }
                         />
                       }
-                      showOperatorLogo={true}
                       stopData={
                         Object {
                           "__typename": "Stop",
@@ -6417,10 +6466,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       }
                     >
                       <Stop
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "Stop",
                                 "code": "36940",
@@ -6986,10 +7035,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           />
                         }
                         homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
                         stopData={
                           Object {
                             "__typename": "Stop",
@@ -7553,149 +7598,33 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             ],
                           }
                         }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
                       >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
+                        <styled.div>
                           <div
                             className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
                           >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt Station - Bay 2
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
-                                      Object {
-                                        "stopId": "36940",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/kcm:36940"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
                                     Object {
                                       "__typename": "Stop",
                                       "code": "36940",
@@ -8258,199 +8187,337 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       ],
                                     }
                                   }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                            <div>
-                              <div />
-                              <styled.ul>
-                                <ul
-                                  className="sc-fXtZR bOLFlz"
-                                >
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="0"
-                                    pattern={
-                                      Object {
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": "36940",
+                                  "gtfsId": "kcm:36940",
+                                  "id": "U3RvcDprY206MzY5NDA",
+                                  "lat": 47.6758881,
+                                  "lon": -122.315994,
+                                  "name": "Roosevelt Station - Bay 2",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Downtown Seattle Fremont",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 96,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50190,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50094,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50994,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50994,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 51894,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51894,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 52794,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52794,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 53634,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53634,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 67424,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 67424,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 68264,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 68264,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 69164,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 69164,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 70064,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 70064,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 70893,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 70893,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Downtown Seattle Fremont",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 53634,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53634,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 52794,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52794,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 51894,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51894,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50994,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50994,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 96,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50190,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50094,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Roosevelt Station Sand Point",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "79",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 110,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 51099,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50989,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 54589,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54589,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 58189,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 58189,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 60289,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 60289,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 61789,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 61789,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
                                         "headsign": "Loyal Heights Greenwood",
                                         "route": Object {
                                           "agency": Object {
@@ -8464,25 +8531,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "textColor": null,
                                           "type": 3,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
-                                        },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "45",
-                                        "textColor": null,
-                                        "type": 3,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
+                                      },
+                                      "stoptimes": Array [
                                         Object {
                                           "departureDelay": -85,
                                           "headsign": "Loyal Heights Greenwood",
@@ -8613,116 +8663,2545 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             },
                                           },
                                         },
-                                      ]
-                                    }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
-                                          style={
-                                            Object {
-                                              "backgroundColor": "#333333",
-                                              "color": "#ffffff",
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="route-name"
-                                          >
-                                            <span
-                                              className="route-name-container"
-                                              title="45"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Metro Transit",
-                                                    "mode": "BUS",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": null,
-                                                    "routeLongName": null,
-                                                    "routeShortName": "45",
-                                                    "routeTextColor": null,
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "20px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="333333"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "20px",
-                                                    }
-                                                  }
-                                                  title="45"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE inAnuP"
-                                                    color="333333"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "20px",
-                                                      }
-                                                    }
-                                                    title="45"
-                                                  >
-                                                    45
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Loyal Heights Greenwood",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 28800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 28800,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 27900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27900,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 26100,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26100,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 24300,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24300,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 22500,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22500,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/kcm:36940"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": "36940",
+                                        "gtfsId": "kcm:36940",
+                                        "id": "U3RvcDprY206MzY5NDA",
+                                        "lat": 47.6758881,
+                                        "lon": -122.315994,
+                                        "name": "Roosevelt Station - Bay 2",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 96,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50190,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50094,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50994,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50994,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 51894,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51894,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 52794,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52794,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 53634,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53634,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 67424,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 67424,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 68264,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 68264,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 69164,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 69164,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 70064,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 70064,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 70893,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 70893,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 53634,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53634,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 52794,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52794,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 51894,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51894,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50994,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50994,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 96,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50190,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50094,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "79",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 110,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 51099,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50989,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 54589,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54589,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 58189,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 58189,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 60289,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 60289,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 61789,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 61789,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": -85,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 50015,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50100,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 79,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 51079,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 51000,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 51900,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51900,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 52800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52800,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 53760,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53760,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 22500,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22500,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 24300,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24300,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 26100,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26100,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 27900,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27900,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 28800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 28800,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 28800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 28800,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 27900,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27900,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 26100,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26100,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 24300,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24300,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 22500,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22500,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                        ],
+                                      }
+                                    }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": "36940",
+                                    "gtfsId": "kcm:36940",
+                                    "id": "U3RvcDprY206MzY5NDA",
+                                    "lat": 47.6758881,
+                                    "lon": -122.315994,
+                                    "name": "Roosevelt Station - Bay 2",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 96,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50190,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50094,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50994,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50994,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 51894,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51894,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 52794,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52794,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 53634,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53634,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 67424,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 67424,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 68264,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 68264,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 69164,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 69164,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 70064,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 70064,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 70893,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 70893,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 53634,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53634,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 52794,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52794,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 51894,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51894,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50994,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50994,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 96,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50190,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50094,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "79",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 110,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 51099,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50989,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 54589,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54589,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 58189,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 58189,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 60289,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 60289,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 61789,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 61789,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": -85,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 50015,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50100,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 79,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 51079,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 51000,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 51900,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51900,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 52800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52800,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 53760,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53760,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 22500,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22500,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 24300,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24300,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 26100,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26100,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 27900,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27900,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 28800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 28800,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 28800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 28800,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 27900,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27900,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 26100,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26100,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 24300,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24300,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 22500,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22500,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                  }
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
+                                  >
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          Roosevelt Station - Bay 2
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "36940",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/kcm:36940"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/kcm:36940"
+                                          style={
+                                            Object {
+                                              "color": "inherit",
+                                              "fontSize": "small",
+                                            }
+                                          }
+                                        >
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
+                                          >
+                                            <div
                                               style={
                                                 Object {
-                                                  "wordBreak": "break-word",
+                                                  "display": "contents",
                                                 }
                                               }
-                                              title="Loyal Heights Greenwood"
                                             >
-                                              Loyal Heights Greenwood
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
-                                            >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                 >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
+                                                  <Calendar>
+                                                    <StyledIconBase
+                                                      iconAttrs={
+                                                        Object {
+                                                          "fill": "currentColor",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        }
                                                       }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                      iconVerticalAlign="middle"
+                                                      iconViewBox="0 0 448 512"
+                                                    >
+                                                      <ForwardRef
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 448 512"
                                                       >
-                                                        <Calendar>
+                                                        <svg
+                                                          aria-hidden="true"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                          fill="currentColor"
+                                                          focusable="false"
+                                                          viewBox="0 0 448 512"
+                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        >
+                                                          <path
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
+                                                            fill="currentColor"
+                                                          />
+                                                        </svg>
+                                                      </ForwardRef>
+                                                    </StyledIconBase>
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
+                                                >
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": "36940",
+                                          "gtfsId": "kcm:36940",
+                                          "id": "U3RvcDprY206MzY5NDA",
+                                          "lat": 47.6758881,
+                                          "lon": -122.315994,
+                                          "name": "Roosevelt Station - Bay 2",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 96,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50190,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50094,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50994,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50994,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 51894,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51894,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 52794,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52794,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 53634,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53634,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 67424,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 67424,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 68264,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 68264,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 69164,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 69164,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 70064,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 70064,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 70893,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 70893,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 53634,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53634,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 52794,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52794,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 51894,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51894,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50994,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50994,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 96,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50190,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50094,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "79",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 110,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 51099,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50989,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 54589,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54589,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 58189,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 58189,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 60289,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 60289,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 61789,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 61789,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": -85,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 50015,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50100,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 79,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 51079,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 51000,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 51900,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51900,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 52800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52800,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 53760,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53760,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 22500,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22500,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 24300,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24300,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 26100,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26100,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 27900,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27900,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 28800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 28800,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 28800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 28800,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 27900,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27900,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 26100,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26100,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 24300,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24300,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 22500,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22500,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": "36940",
+                                            "gtfsId": "kcm:36940",
+                                            "id": "U3RvcDprY206MzY5NDA",
+                                            "lat": 47.6758881,
+                                            "lon": -122.315994,
+                                            "name": "Roosevelt Station - Bay 2",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 96,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50190,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50094,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50994,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50994,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 51894,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51894,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 52794,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52794,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 53634,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53634,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 67424,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 67424,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 68264,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 68264,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 69164,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 69164,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 70064,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 70064,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 70893,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 70893,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 53634,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53634,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 52794,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52794,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 51894,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51894,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50994,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50994,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 96,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50190,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50094,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "79",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 110,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 51099,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50989,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 54589,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54589,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 58189,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 58189,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 60289,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 60289,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 61789,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 61789,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": -85,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 50015,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50100,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 79,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 51079,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 51000,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 51900,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51900,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 52800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52800,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 53760,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53760,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 22500,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22500,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 24300,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24300,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 26100,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26100,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 27900,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27900,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 28800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 28800,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 28800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 28800,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 27900,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27900,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 26100,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26100,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 24300,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24300,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 22500,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22500,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
+                                              >
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                  >
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="from"
+                                                    >
+                                                      <Styled(DotCircle)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
+                                                        >
                                                           <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -8730,10 +11209,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                               }
                                                             }
                                                             iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -8741,193 +11221,621 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 }
                                                               }
                                                               iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
-                                                                viewBox="0 0 448 512"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
                                                                 xmlns="http://www.w3.org/2000/svg"
                                                               >
                                                                 <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
                                                                   fill="currentColor"
                                                                 />
                                                               </svg>
                                                             </ForwardRef>
                                                           </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="friday"
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
                                                       >
                                                         <FormattedMessage
-                                                          id="common.daysOfWeek.friday"
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
                                                         >
-                                                          common.daysOfWeek.friday
+                                                          otpUi.FromToLocationPicker.from
                                                         </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": -85,
-                                                      "headsign": "Loyal Heights Greenwood",
-                                                      "realtimeDeparture": 50015,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 50100,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "45",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": -85,
-                                                        "headsign": "Loyal Heights Greenwood",
-                                                        "realtimeDeparture": 50015,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 50100,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "45",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <div
-                                                      className="percy-hide"
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.realtime"
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
                                                         >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.early"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
                                                           >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
                                                             >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
                                                               >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": -85,
-                                                              "headsign": "Loyal Heights Greenwood",
-                                                              "realtimeDeparture": 50015,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 50100,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "45",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T21:53:35.000Z}
-                                                          >
-                                                            1:53 PM
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
+                                        </span>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
+                            <div>
+                              <div />
+                              <styled.ul>
+                                <ul
+                                  className="sc-fXtZR bOLFlz"
+                                >
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="0"
+                                    pattern={
+                                      Object {
+                                        "headsign": "Loyal Heights Greenwood",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "45",
+                                        "textColor": null,
+                                        "type": 3,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": -85,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 50015,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50100,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 79,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 51079,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 51000,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 51900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51900,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 52800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52800,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 53760,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53760,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 22500,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22500,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 24300,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24300,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 26100,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26100,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 27900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27900,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 28800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 28800,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#333333",
+                                              "color": "#ffffff",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="45"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Metro Transit",
+                                                    "mode": "BUS",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": null,
+                                                    "routeLongName": null,
+                                                    "routeShortName": "45",
+                                                    "routeTextColor": null,
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "20px",
+                                                  }
+                                                }
+                                              >
+                                                <styled.span
+                                                  color="333333"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "20px",
+                                                    }
+                                                  }
+                                                  title="45"
+                                                >
+                                                  <span
+                                                    className="sc-ihmZXn lggToK"
+                                                    color="333333"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "20px",
+                                                      }
+                                                    }
+                                                    title="45"
+                                                  >
+                                                    45
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
+                                            </span>
+                                            <span
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="Loyal Heights Greenwood"
+                                            >
+                                              Loyal Heights Greenwood
+                                            </span>
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
+                                            >
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
+                                              >
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
+                                                      }
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                      >
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="friday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.friday"
+                                                        >
+                                                          common.daysOfWeek.friday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
+                                              <li
+                                                key="0"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": -85,
+                                                      "headsign": "Loyal Heights Greenwood",
+                                                      "realtimeDeparture": 50015,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 50100,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "45",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": -85,
+                                                        "headsign": "Loyal Heights Greenwood",
+                                                        "realtimeDeparture": 50015,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 50100,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "45",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.realtime"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.realtime"
+                                                        >
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
+                                                            >
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 448 512"
+                                                              >
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                    fill="currentColor"
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.early"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": -85,
+                                                              "headsign": "Loyal Heights Greenwood",
+                                                              "realtimeDeparture": 50015,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 50100,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "45",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T21:53:35.000Z}
+                                                          >
+                                                            1:53 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -9478,7 +12386,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -10218,7 +13126,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -10823,9 +13731,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "Stop",
                               "code": null,
@@ -11189,7 +14096,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           }
                         />
                       }
-                      showOperatorLogo={true}
                       stopData={
                         Object {
                           "__typename": "Stop",
@@ -11554,10 +14460,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       }
                     >
                       <Stop
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "Stop",
                                 "code": null,
@@ -11922,10 +14828,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           />
                         }
                         homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
                         stopData={
                           Object {
                             "__typename": "Stop",
@@ -12288,149 +15190,33 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             ],
                           }
                         }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
                       >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
+                        <styled.div>
                           <div
                             className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
                           >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
-                                      Object {
-                                        "stopId": "40:990003",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/40:990003"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
                                     Object {
                                       "__typename": "Stop",
                                       "code": null,
@@ -12792,200 +15578,21 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       ],
                                     }
                                   }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                            <div>
-                              <div />
-                              <styled.ul>
-                                <ul
-                                  className="sc-fXtZR bOLFlz"
-                                >
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="0"
-                                    pattern={
-                                      Object {
-                                        "headsign": "Angle Lake",
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": null,
+                                  "gtfsId": "40:990003",
+                                  "id": "U3RvcDo0MDo5OTAwMDM",
+                                  "lat": 47.676107,
+                                  "lon": -122.316041,
+                                  "name": "Roosevelt",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Capitol Hill",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "40:40",
@@ -12998,25 +15605,241 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "textColor": "FFFFFF",
                                           "type": 0,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 17880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 17880,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
                                         },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 18900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 18900,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 19800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 19800,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 20700,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 20700,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 21600,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 21600,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 22500,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22500,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 23400,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23400,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 24300,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24300,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 25200,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25200,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 26100,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26100,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Capitol Hill",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 25200,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25200,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 23400,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23400,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 21600,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 21600,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 19800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 19800,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 17880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 17880,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Angle Lake",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
+                                      },
+                                      "stoptimes": Array [
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Angle Lake",
@@ -13082,390 +15905,1778 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             },
                                           },
                                         },
-                                      ]
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 16560,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 16560,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/40:990003"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": null,
+                                        "gtfsId": "40:990003",
+                                        "id": "U3RvcDo0MDo5OTAwMDM",
+                                        "lat": 47.676107,
+                                        "lon": -122.316041,
+                                        "name": "Roosevelt",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Capitol Hill",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
+                                                },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 17880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 17880,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 18900,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 18900,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 19800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 19800,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 20700,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 20700,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 21600,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 21600,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 22500,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22500,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 23400,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23400,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 24300,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24300,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 25200,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25200,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 26100,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26100,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Capitol Hill",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
+                                                },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 25200,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25200,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 23400,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23400,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 21600,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 21600,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 19800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 19800,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Capitol Hill",
+                                                "realtimeDeparture": 17880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 17880,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Angle Lake",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
+                                                },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Angle Lake",
+                                                "realtimeDeparture": 50220,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50220,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Angle Lake",
+                                                "realtimeDeparture": 50820,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50820,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Angle Lake",
+                                                "realtimeDeparture": 51420,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51420,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Angle Lake",
+                                                "realtimeDeparture": 52020,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52020,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Angle Lake",
+                                                "realtimeDeparture": 52620,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52620,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Northgate",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
+                                                },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 16560,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 16560,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                        ],
+                                      }
                                     }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": null,
+                                    "gtfsId": "40:990003",
+                                    "id": "U3RvcDo0MDo5OTAwMDM",
+                                    "lat": 47.676107,
+                                    "lon": -122.316041,
+                                    "name": "Roosevelt",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Capitol Hill",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 17880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 17880,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 18900,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 18900,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 19800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 19800,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 20700,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 20700,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 21600,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 21600,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 22500,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22500,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 23400,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23400,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 24300,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24300,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 25200,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25200,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 26100,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26100,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Capitol Hill",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 25200,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25200,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 23400,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23400,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 21600,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 21600,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 19800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 19800,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Capitol Hill",
+                                            "realtimeDeparture": 17880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 17880,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Angle Lake",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Angle Lake",
+                                            "realtimeDeparture": 50220,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50220,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Angle Lake",
+                                            "realtimeDeparture": 50820,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50820,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Angle Lake",
+                                            "realtimeDeparture": 51420,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51420,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Angle Lake",
+                                            "realtimeDeparture": 52020,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52020,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Angle Lake",
+                                            "realtimeDeparture": 52620,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52620,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 16560,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 16560,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                  }
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
                                   >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
                                       >
-                                        <div
-                                          className="header stop-view"
+                                        <span>
+                                          Roosevelt
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "40:990003",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/40:990003"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/40:990003"
                                           style={
                                             Object {
-                                              "backgroundColor": "#28813F",
-                                              "color": "#FFFFFF",
+                                              "color": "inherit",
+                                              "fontSize": "small",
                                             }
                                           }
                                         >
-                                          <div
-                                            className="route-name"
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
                                           >
-                                            <span
-                                              className="route-name-container"
-                                              title="1 Line"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Sound Transit",
-                                                    "mode": "TRAM",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": "28813F",
-                                                    "routeLongName": "Northgate - Angle Lake",
-                                                    "routeShortName": "1 Line",
-                                                    "routeTextColor": "FFFFFF",
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "16px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="28813F"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "16px",
-                                                    }
-                                                  }
-                                                  title="1 Line"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE bMhDjL"
-                                                    color="28813F"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "16px",
-                                                      }
-                                                    }
-                                                    title="1 Line"
-                                                  >
-                                                    1 Line
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
+                                            <div
                                               style={
                                                 Object {
-                                                  "wordBreak": "break-word",
+                                                  "display": "contents",
                                                 }
                                               }
-                                              title="Angle Lake"
-                                            >
-                                              Angle Lake
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
                                             >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                      >
-                                                        <Calendar>
-                                                          <StyledIconBase
-                                                            iconAttrs={
-                                                              Object {
-                                                                "fill": "currentColor",
-                                                                "xmlns": "http://www.w3.org/2000/svg",
-                                                              }
-                                                            }
-                                                            iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
-                                                          >
-                                                            <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                viewBox="0 0 448 512"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
-                                                                  fill="currentColor"
-                                                                />
-                                                              </svg>
-                                                            </ForwardRef>
-                                                          </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="friday"
-                                                      >
-                                                        <FormattedMessage
-                                                          id="common.daysOfWeek.friday"
-                                                        >
-                                                          common.daysOfWeek.friday
-                                                        </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Angle Lake",
-                                                      "realtimeDeparture": 50220,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 50220,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "1 Line",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                 >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Angle Lake",
-                                                        "realtimeDeparture": 50220,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 50220,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "1 Line",
-                                                          },
-                                                        },
+                                                  <Calendar>
+                                                    <StyledIconBase
+                                                      iconAttrs={
+                                                        Object {
+                                                          "fill": "currentColor",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        }
                                                       }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
+                                                      iconVerticalAlign="middle"
+                                                      iconViewBox="0 0 448 512"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
+                                                      <ForwardRef
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                        iconAttrs={
                                                           Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
                                                           }
                                                         }
-                                                        title="components.StopTimeCell.scheduled"
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 448 512"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
+                                                        <svg
+                                                          aria-hidden="true"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                          fill="currentColor"
+                                                          focusable="false"
+                                                          viewBox="0 0 448 512"
+                                                          xmlns="http://www.w3.org/2000/svg"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
+                                                          <path
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
+                                                            fill="currentColor"
+                                                          />
+                                                        </svg>
+                                                      </ForwardRef>
+                                                    </StyledIconBase>
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
+                                                >
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": null,
+                                          "gtfsId": "40:990003",
+                                          "id": "U3RvcDo0MDo5OTAwMDM",
+                                          "lat": 47.676107,
+                                          "lon": -122.316041,
+                                          "name": "Roosevelt",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Capitol Hill",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 17880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 17880,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 18900,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 18900,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 19800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 19800,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 20700,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 20700,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 21600,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 21600,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 22500,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22500,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 23400,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23400,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 24300,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24300,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 25200,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25200,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 26100,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26100,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Capitol Hill",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 25200,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25200,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 23400,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23400,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 21600,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 21600,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 19800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 19800,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Capitol Hill",
+                                                  "realtimeDeparture": 17880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 17880,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Angle Lake",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Angle Lake",
+                                                  "realtimeDeparture": 50220,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50220,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Angle Lake",
+                                                  "realtimeDeparture": 50820,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50820,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Angle Lake",
+                                                  "realtimeDeparture": 51420,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51420,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Angle Lake",
+                                                  "realtimeDeparture": 52020,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52020,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Angle Lake",
+                                                  "realtimeDeparture": 52620,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52620,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 16560,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 16560,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": null,
+                                            "gtfsId": "40:990003",
+                                            "id": "U3RvcDo0MDo5OTAwMDM",
+                                            "lat": 47.676107,
+                                            "lon": -122.316041,
+                                            "name": "Roosevelt",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Capitol Hill",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 17880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 17880,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 18900,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 18900,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 19800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 19800,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 20700,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 20700,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 21600,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 21600,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 22500,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22500,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 23400,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23400,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 24300,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24300,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 25200,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25200,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 26100,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26100,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Capitol Hill",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 25200,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25200,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 23400,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23400,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 21600,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 21600,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 19800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 19800,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Capitol Hill",
+                                                    "realtimeDeparture": 17880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 17880,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Angle Lake",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Angle Lake",
+                                                    "realtimeDeparture": 50220,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50220,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Angle Lake",
+                                                    "realtimeDeparture": 50820,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50820,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Angle Lake",
+                                                    "realtimeDeparture": 51420,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51420,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Angle Lake",
+                                                    "realtimeDeparture": 52020,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52020,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Angle Lake",
+                                                    "realtimeDeparture": 52620,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52620,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 16560,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 16560,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
+                                              >
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                  >
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="from"
+                                                    >
+                                                      <Styled(DotCircle)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
                                                                   "xmlns": "http://www.w3.org/2000/svg",
                                                                 }
                                                               }
                                                               iconVerticalAlign="middle"
                                                               iconViewBox="0 0 512 512"
+                                                              size="0.9em"
                                                             >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
                                                               >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
                                                                   fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
                                                       >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "Angle Lake",
-                                                              "realtimeDeparture": 50220,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 50220,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "1 Line",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T21:57:00.000Z}
-                                                          >
-                                                            1:57 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="1"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="1"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Angle Lake",
-                                                      "realtimeDeparture": 50820,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 50820,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "1 Line",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Angle Lake",
-                                                        "realtimeDeparture": 50820,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 50820,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "1 Line",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <div
-                                                      className="percy-hide"
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -13473,254 +17684,68 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 }
                                                               }
                                                               iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
                                                             >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
                                                               >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
                                                                   fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
                                                       >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "Angle Lake",
-                                                              "realtimeDeparture": 50820,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 50820,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "1 Line",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:07:00.000Z}
-                                                          >
-                                                            2:07 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="2"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="2"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Angle Lake",
-                                                      "realtimeDeparture": 51420,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 51420,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "1 Line",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Angle Lake",
-                                                        "realtimeDeparture": 51420,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 51420,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "1 Line",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
-                                                        >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
-                                                            >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "Angle Lake",
-                                                              "realtimeDeparture": 51420,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 51420,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "1 Line",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:17:00.000Z}
-                                                          >
-                                                            2:17 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
+                                        </span>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
+                            <div>
+                              <div />
+                              <styled.ul>
+                                <ul
+                                  className="sc-fXtZR bOLFlz"
+                                >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
-                                    key="1"
+                                    key="0"
                                     pattern={
                                       Object {
-                                        "headsign": "Northgate",
+                                        "headsign": "Angle Lake",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "40:40",
@@ -13754,11 +17779,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       Array [
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Northgate",
-                                          "realtimeDeparture": 16560,
+                                          "headsign": "Angle Lake",
+                                          "realtimeDeparture": 50220,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 16560,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 50220,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Angle Lake",
+                                          "realtimeDeparture": 50820,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50820,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Angle Lake",
+                                          "realtimeDeparture": 51420,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51420,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Angle Lake",
+                                          "realtimeDeparture": 52020,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52020,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Angle Lake",
+                                          "realtimeDeparture": 52620,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52620,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
                                               "shortName": "1 Line",
@@ -13820,7 +17897,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-JoojE bMhDjL"
+                                                    className="sc-ihmZXn vnLhq"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -13840,9 +17917,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   "wordBreak": "break-word",
                                                 }
                                               }
-                                              title="Northgate"
+                                              title="Angle Lake"
                                             >
-                                              Northgate
+                                              Angle Lake
                                             </span>
                                           </div>
                                           <styled.ol>
@@ -13915,12 +17992,12 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     </Styled(styled.span)>
                                                     <span>
                                                       <FormattedDayOfWeek
-                                                        day="saturday"
+                                                        day="friday"
                                                       >
                                                         <FormattedMessage
-                                                          id="common.daysOfWeek.saturday"
+                                                          id="common.daysOfWeek.friday"
                                                         >
-                                                          common.daysOfWeek.saturday
+                                                          common.daysOfWeek.friday
                                                         </FormattedMessage>
                                                       </FormattedDayOfWeek>
                                                     </span>
@@ -13936,11 +18013,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   stopTime={
                                                     Object {
                                                       "departureDelay": 0,
-                                                      "headsign": "Northgate",
-                                                      "realtimeDeparture": 16560,
+                                                      "headsign": "Angle Lake",
+                                                      "realtimeDeparture": 50220,
                                                       "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 16560,
-                                                      "serviceDay": 1705132800,
+                                                      "scheduledDeparture": 50220,
+                                                      "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
                                                           "shortName": "1 Line",
@@ -13955,11 +18032,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     stopTime={
                                                       Object {
                                                         "departureDelay": 0,
-                                                        "headsign": "Northgate",
-                                                        "realtimeDeparture": 16560,
+                                                        "headsign": "Angle Lake",
+                                                        "realtimeDeparture": 50220,
                                                         "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 16560,
-                                                        "serviceDay": 1705132800,
+                                                        "scheduledDeparture": 50220,
+                                                        "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
                                                             "shortName": "1 Line",
@@ -14041,12 +18118,12 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             className="sc-hkwmXC eVsZcu"
                                                           >
                                                             <FormattedDayOfWeek
-                                                              day="saturday"
+                                                              day="friday"
                                                             >
                                                               <FormattedMessage
-                                                                id="common.daysOfWeek.saturday"
+                                                                id="common.daysOfWeek.friday"
                                                               >
-                                                                common.daysOfWeek.saturday
+                                                                common.daysOfWeek.friday
                                                               </FormattedMessage>
                                                             </FormattedDayOfWeek>
                                                              
@@ -14057,11 +18134,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "Northgate",
-                                                              "realtimeDeparture": 16560,
+                                                              "headsign": "Angle Lake",
+                                                              "realtimeDeparture": 50220,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 16560,
-                                                              "serviceDay": 1705132800,
+                                                              "scheduledDeparture": 50220,
+                                                              "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
                                                                   "shortName": "1 Line",
@@ -14072,9 +18149,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-13T12:36:00.000Z}
+                                                            value={2024-01-12T21:57:00.000Z}
                                                           >
-                                                            4:36 AM
+                                                            1:57 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -14082,379 +18159,44 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   </StopTimeCell>
                                                 </Connect(StopTimeCell)>
                                               </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="2"
-                                    pattern={
-                                      Object {
-                                        "headsign": "Capitol Hill",
-                                        "route": Object {
-                                          "agency": Object {
-                                            "gtfsId": "40:40",
-                                            "name": "Sound Transit",
-                                          },
-                                          "color": "28813F",
-                                          "longName": "Northgate - Angle Lake",
-                                          "mode": "TRAM",
-                                          "shortName": "1 Line",
-                                          "textColor": "FFFFFF",
-                                          "type": 0,
-                                        },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
-                                        },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 17880,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 17880,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 18900,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 18900,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 19800,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 19800,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 20700,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 20700,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 21600,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 21600,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 22500,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 22500,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 23400,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 23400,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 24300,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 24300,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 25200,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 25200,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "Capitol Hill",
-                                          "realtimeDeparture": 26100,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 26100,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "1 Line",
-                                            },
-                                          },
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
-                                          style={
-                                            Object {
-                                              "backgroundColor": "#28813F",
-                                              "color": "#FFFFFF",
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="route-name"
-                                          >
-                                            <span
-                                              className="route-name-container"
-                                              title="1 Line"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Sound Transit",
-                                                    "mode": "TRAM",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": "28813F",
-                                                    "routeLongName": "Northgate - Angle Lake",
-                                                    "routeShortName": "1 Line",
-                                                    "routeTextColor": "FFFFFF",
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "16px",
-                                                  }
-                                                }
+                                              <li
+                                                key="1"
                                               >
-                                                <styled.span
-                                                  color="28813F"
-                                                  isOnColoredBackground={true}
-                                                  style={
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="1"
+                                                  stopTime={
                                                     Object {
-                                                      "fontSize": "16px",
+                                                      "departureDelay": 0,
+                                                      "headsign": "Angle Lake",
+                                                      "realtimeDeparture": 50820,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 50820,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "1 Line",
+                                                        },
+                                                      },
                                                     }
                                                   }
-                                                  title="1 Line"
                                                 >
-                                                  <span
-                                                    className="sc-JoojE bMhDjL"
-                                                    color="28813F"
-                                                    style={
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
                                                       Object {
-                                                        "fontSize": "16px",
-                                                      }
-                                                    }
-                                                    title="1 Line"
-                                                  >
-                                                    1 Line
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
-                                              style={
-                                                Object {
-                                                  "wordBreak": "break-word",
-                                                }
-                                              }
-                                              title="Capitol Hill"
-                                            >
-                                              Capitol Hill
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
-                                            >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                      >
-                                                        <Calendar>
-                                                          <StyledIconBase
-                                                            iconAttrs={
-                                                              Object {
-                                                                "fill": "currentColor",
-                                                                "xmlns": "http://www.w3.org/2000/svg",
-                                                              }
-                                                            }
-                                                            iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
-                                                          >
-                                                            <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                viewBox="0 0 448 512"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
-                                                                  fill="currentColor"
-                                                                />
-                                                              </svg>
-                                                            </ForwardRef>
-                                                          </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="saturday"
-                                                      >
-                                                        <FormattedMessage
-                                                          id="common.daysOfWeek.saturday"
-                                                        >
-                                                          common.daysOfWeek.saturday
-                                                        </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Capitol Hill",
-                                                      "realtimeDeparture": 17880,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 17880,
-                                                      "serviceDay": 1705132800,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "1 Line",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Capitol Hill",
-                                                        "realtimeDeparture": 17880,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 17880,
-                                                        "serviceDay": 1705132800,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "1 Line",
-                                                          },
-                                                        },
+                                                        "departureDelay": 0,
+                                                        "headsign": "Angle Lake",
+                                                        "realtimeDeparture": 50820,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 50820,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "1 Line",
+                                                          },
+                                                        },
                                                       }
                                                     }
                                                   >
@@ -14531,12 +18273,12 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             className="sc-hkwmXC eVsZcu"
                                                           >
                                                             <FormattedDayOfWeek
-                                                              day="saturday"
+                                                              day="friday"
                                                             >
                                                               <FormattedMessage
-                                                                id="common.daysOfWeek.saturday"
+                                                                id="common.daysOfWeek.friday"
                                                               >
-                                                                common.daysOfWeek.saturday
+                                                                common.daysOfWeek.friday
                                                               </FormattedMessage>
                                                             </FormattedDayOfWeek>
                                                              
@@ -14547,11 +18289,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "Capitol Hill",
-                                                              "realtimeDeparture": 17880,
+                                                              "headsign": "Angle Lake",
+                                                              "realtimeDeparture": 50820,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 17880,
-                                                              "serviceDay": 1705132800,
+                                                              "scheduledDeparture": 50820,
+                                                              "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
                                                                   "shortName": "1 Line",
@@ -14562,9 +18304,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-13T12:58:00.000Z}
+                                                            value={2024-01-12T22:07:00.000Z}
                                                           >
-                                                            4:58 AM
+                                                            2:07 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -14573,19 +18315,19 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                 </Connect(StopTimeCell)>
                                               </li>
                                               <li
-                                                key="1"
+                                                key="2"
                                               >
                                                 <Connect(StopTimeCell)
                                                   homeTimezone="America/Los_Angeles"
-                                                  key="1"
+                                                  key="2"
                                                   stopTime={
                                                     Object {
                                                       "departureDelay": 0,
-                                                      "headsign": "Capitol Hill",
-                                                      "realtimeDeparture": 18900,
+                                                      "headsign": "Angle Lake",
+                                                      "realtimeDeparture": 51420,
                                                       "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 18900,
-                                                      "serviceDay": 1705132800,
+                                                      "scheduledDeparture": 51420,
+                                                      "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
                                                           "shortName": "1 Line",
@@ -14600,11 +18342,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     stopTime={
                                                       Object {
                                                         "departureDelay": 0,
-                                                        "headsign": "Capitol Hill",
-                                                        "realtimeDeparture": 18900,
+                                                        "headsign": "Angle Lake",
+                                                        "realtimeDeparture": 51420,
                                                         "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 18900,
-                                                        "serviceDay": 1705132800,
+                                                        "scheduledDeparture": 51420,
+                                                        "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
                                                             "shortName": "1 Line",
@@ -14686,12 +18428,12 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             className="sc-hkwmXC eVsZcu"
                                                           >
                                                             <FormattedDayOfWeek
-                                                              day="saturday"
+                                                              day="friday"
                                                             >
                                                               <FormattedMessage
-                                                                id="common.daysOfWeek.saturday"
+                                                                id="common.daysOfWeek.friday"
                                                               >
-                                                                common.daysOfWeek.saturday
+                                                                common.daysOfWeek.friday
                                                               </FormattedMessage>
                                                             </FormattedDayOfWeek>
                                                              
@@ -14702,11 +18444,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "Capitol Hill",
-                                                              "realtimeDeparture": 18900,
+                                                              "headsign": "Angle Lake",
+                                                              "realtimeDeparture": 51420,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 18900,
-                                                              "serviceDay": 1705132800,
+                                                              "scheduledDeparture": 51420,
+                                                              "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
                                                                   "shortName": "1 Line",
@@ -14717,9 +18459,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-13T13:15:00.000Z}
+                                                            value={2024-01-12T22:17:00.000Z}
                                                           >
-                                                            5:15 AM
+                                                            2:17 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -14727,19 +18469,237 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   </StopTimeCell>
                                                 </Connect(StopTimeCell)>
                                               </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="1"
+                                    pattern={
+                                      Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
+                                        },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 16560,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 16560,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#28813F",
+                                              "color": "#FFFFFF",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="1 Line"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Sound Transit",
+                                                    "mode": "TRAM",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": "28813F",
+                                                    "routeLongName": "Northgate - Angle Lake",
+                                                    "routeShortName": "1 Line",
+                                                    "routeTextColor": "FFFFFF",
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "16px",
+                                                  }
+                                                }
+                                              >
+                                                <styled.span
+                                                  color="28813F"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "16px",
+                                                    }
+                                                  }
+                                                  title="1 Line"
+                                                >
+                                                  <span
+                                                    className="sc-ihmZXn vnLhq"
+                                                    color="28813F"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "16px",
+                                                      }
+                                                    }
+                                                    title="1 Line"
+                                                  >
+                                                    1 Line
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
+                                            </span>
+                                            <span
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="Northgate"
+                                            >
+                                              Northgate
+                                            </span>
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
+                                            >
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
+                                              >
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
+                                                      }
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                      >
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="saturday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.saturday"
+                                                        >
+                                                          common.daysOfWeek.saturday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
                                               <li
-                                                key="2"
+                                                key="0"
                                               >
                                                 <Connect(StopTimeCell)
                                                   homeTimezone="America/Los_Angeles"
-                                                  key="2"
+                                                  key="0"
                                                   stopTime={
                                                     Object {
                                                       "departureDelay": 0,
-                                                      "headsign": "Capitol Hill",
-                                                      "realtimeDeparture": 19800,
+                                                      "headsign": "Northgate",
+                                                      "realtimeDeparture": 16560,
                                                       "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 19800,
+                                                      "scheduledDeparture": 16560,
                                                       "serviceDay": 1705132800,
                                                       "trip": Object {
                                                         "route": Object {
@@ -14755,10 +18715,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     stopTime={
                                                       Object {
                                                         "departureDelay": 0,
-                                                        "headsign": "Capitol Hill",
-                                                        "realtimeDeparture": 19800,
+                                                        "headsign": "Northgate",
+                                                        "realtimeDeparture": 16560,
                                                         "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 19800,
+                                                        "scheduledDeparture": 16560,
                                                         "serviceDay": 1705132800,
                                                         "trip": Object {
                                                           "route": Object {
@@ -14857,10 +18817,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "Capitol Hill",
-                                                              "realtimeDeparture": 19800,
+                                                              "headsign": "Northgate",
+                                                              "realtimeDeparture": 16560,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 19800,
+                                                              "scheduledDeparture": 16560,
                                                               "serviceDay": 1705132800,
                                                               "trip": Object {
                                                                 "route": Object {
@@ -14872,9 +18832,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-13T13:30:00.000Z}
+                                                            value={2024-01-13T12:36:00.000Z}
                                                           >
-                                                            5:30 AM
+                                                            4:36 AM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -14888,404 +18848,818 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       </li>
                                     </styled.li>
                                   </PatternRow>
-                                </ul>
-                              </styled.ul>
-                            </div>
-                          </div>
-                        </styled.div>
-                      </Stop>
-                    </Connect(Stop)>
-                  </div>
-                </li>
-                <li
-                  className=""
-                  key="UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ"
-                >
-                  <div
-                    onBlur={[Function]}
-                    onFocus={[Function]}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    tabIndex={0}
-                  >
-                    <Connect(Vehicle)
-                      fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
-                            Object {
-                              "__typename": "RentalVehicle",
-                              "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                              "lat": 47.675873,
-                              "lon": -122.316137,
-                              "name": "Default vehicle type",
-                              "network": "bird-seattle-washington",
-                              "operative": true,
-                              "rentalUris": null,
-                              "vehicleType": Object {
-                                "formFactor": "BICYCLE",
-                              },
-                            }
-                          }
-                        />
-                      }
-                      vehicle={
-                        Object {
-                          "__typename": "RentalVehicle",
-                          "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                          "lat": 47.675873,
-                          "lon": -122.316137,
-                          "name": "Default vehicle type",
-                          "network": "bird-seattle-washington",
-                          "operative": true,
-                          "rentalUris": null,
-                          "vehicleType": Object {
-                            "formFactor": "BICYCLE",
-                          },
-                        }
-                      }
-                    >
-                      <Vehicle
-                        dispatch={[Function]}
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "RentalVehicle",
-                                "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                                "lat": 47.675873,
-                                "lon": -122.316137,
-                                "name": "Default vehicle type",
-                                "network": "bird-seattle-washington",
-                                "operative": true,
-                                "rentalUris": null,
-                                "vehicleType": Object {
-                                  "formFactor": "BICYCLE",
-                                },
-                              }
-                            }
-                          />
-                        }
-                        vehicle={
-                          Object {
-                            "__typename": "RentalVehicle",
-                            "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                            "lat": 47.675873,
-                            "lon": -122.316137,
-                            "name": "Default vehicle type",
-                            "network": "bird-seattle-washington",
-                            "operative": true,
-                            "rentalUris": null,
-                            "vehicleType": Object {
-                              "formFactor": "BICYCLE",
-                            },
-                          }
-                        }
-                      >
-                        <styled.div>
-                          <div
-                            className="sc-cVksOY hGVfg"
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={
-                                        <StationIcon
-                                          companyLabel=""
-                                          vehicle={
-                                            Object {
-                                              "__typename": "RentalVehicle",
-                                              "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                                              "lat": 47.675873,
-                                              "lon": -122.316137,
-                                              "name": "Default vehicle type",
-                                              "network": "bird-seattle-washington",
-                                              "operative": true,
-                                              "rentalUris": null,
-                                              "vehicleType": Object {
-                                                "formFactor": "BICYCLE",
-                                              },
-                                            }
-                                          }
-                                        />
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="2"
+                                    pattern={
+                                      Object {
+                                        "headsign": "Capitol Hill",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
                                       }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <StationIcon
-                                              companyLabel=""
-                                              vehicle={
-                                                Object {
-                                                  "__typename": "RentalVehicle",
-                                                  "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                                                  "lat": 47.675873,
-                                                  "lon": -122.316137,
-                                                  "name": "Default vehicle type",
-                                                  "network": "bird-seattle-washington",
-                                                  "operative": true,
-                                                  "rentalUris": null,
-                                                  "vehicleType": Object {
-                                                    "formFactor": "BICYCLE",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Suspense
-                                                fallback={
-                                                  <span>
-                                                    
-                                                  </span>
-                                                }
-                                              >
-                                                <span />
-                                              </Suspense>
-                                            </StationIcon>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          components.NearbyView.companyBicycle
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "RentalVehicle",
-                                      "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
-                                      "lat": 47.675873,
-                                      "lon": -122.316137,
-                                      "name": "Default vehicle type",
-                                      "network": "bird-seattle-washington",
-                                      "operative": true,
-                                      "rentalUris": null,
-                                      "vehicleType": Object {
-                                        "formFactor": "BICYCLE",
-                                      },
                                     }
-                                  }
-                                >
-                                  <span
-                                    role="group"
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
+                                        },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 17880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 17880,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 18900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 18900,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 19800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 19800,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 20700,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 20700,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 21600,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 21600,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 22500,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22500,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 23400,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23400,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 24300,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24300,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 25200,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25200,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Capitol Hill",
+                                          "realtimeDeparture": 26100,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26100,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <styled.li
+                                      roundedTop={false}
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#28813F",
+                                              "color": "#FFFFFF",
+                                            }
+                                          }
                                         >
-                                          <styled__LocationPickerSpan>
+                                          <div
+                                            className="route-name"
+                                          >
                                             <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              className="route-name-container"
+                                              title="1 Line"
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Sound Transit",
+                                                    "mode": "TRAM",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": "28813F",
+                                                    "routeLongName": "Northgate - Angle Lake",
+                                                    "routeShortName": "1 Line",
+                                                    "routeTextColor": "FFFFFF",
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "16px",
+                                                  }
+                                                }
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                                <styled.span
+                                                  color="28813F"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "16px",
+                                                    }
+                                                  }
+                                                  title="1 Line"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <span
+                                                    className="sc-ihmZXn vnLhq"
+                                                    color="28813F"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "16px",
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                    }
+                                                    title="1 Line"
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
+                                                    1 Line
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
                                             </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
                                             <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="Capitol Hill"
+                                            >
+                                              Capitol Hill
+                                            </span>
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="saturday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.saturday"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
+                                                          common.daysOfWeek.saturday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
+                                              <li
+                                                key="0"
                                               >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "Capitol Hill",
+                                                      "realtimeDeparture": 17880,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 17880,
+                                                      "serviceDay": 1705132800,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "1 Line",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                          </div>
-                        </styled.div>
-                      </Vehicle>
-                    </Connect(Vehicle)>
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "Capitol Hill",
+                                                        "realtimeDeparture": 17880,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 17880,
+                                                        "serviceDay": 1705132800,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "1 Line",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="saturday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.saturday"
+                                                              >
+                                                                common.daysOfWeek.saturday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "Capitol Hill",
+                                                              "realtimeDeparture": 17880,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 17880,
+                                                              "serviceDay": 1705132800,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "1 Line",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-13T12:58:00.000Z}
+                                                          >
+                                                            4:58 AM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="1"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="1"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "Capitol Hill",
+                                                      "realtimeDeparture": 18900,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 18900,
+                                                      "serviceDay": 1705132800,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "1 Line",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "Capitol Hill",
+                                                        "realtimeDeparture": 18900,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 18900,
+                                                        "serviceDay": 1705132800,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "1 Line",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="saturday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.saturday"
+                                                              >
+                                                                common.daysOfWeek.saturday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "Capitol Hill",
+                                                              "realtimeDeparture": 18900,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 18900,
+                                                              "serviceDay": 1705132800,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "1 Line",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-13T13:15:00.000Z}
+                                                          >
+                                                            5:15 AM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="2"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="2"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "Capitol Hill",
+                                                      "realtimeDeparture": 19800,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 19800,
+                                                      "serviceDay": 1705132800,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "1 Line",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "Capitol Hill",
+                                                        "realtimeDeparture": 19800,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 19800,
+                                                        "serviceDay": 1705132800,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "1 Line",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="saturday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.saturday"
+                                                              >
+                                                                common.daysOfWeek.saturday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "Capitol Hill",
+                                                              "realtimeDeparture": 19800,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 19800,
+                                                              "serviceDay": 1705132800,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "1 Line",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-13T13:30:00.000Z}
+                                                          >
+                                                            5:30 AM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                </ul>
+                              </styled.ul>
+                            </div>
+                          </div>
+                        </styled.div>
+                      </Stop>
+                    </Connect(Stop)>
                   </div>
                 </li>
                 <li
                   className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4"
+                  key="UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ"
                 >
                   <div
                     onBlur={[Function]}
@@ -15296,17 +19670,16 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                              "lat": 47.6759,
-                              "lon": -122.3162,
+                              "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                              "lat": 47.675873,
+                              "lon": -122.316137,
                               "name": "Default vehicle type",
-                              "network": "lime_seattle",
+                              "network": "bird-seattle-washington",
                               "operative": true,
                               "rentalUris": null,
                               "vehicleType": Object {
@@ -15320,11 +19693,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                         Object {
                           "__typename": "RentalVehicle",
                           "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                          "lat": 47.6759,
-                          "lon": -122.3162,
+                          "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                          "lat": 47.675873,
+                          "lon": -122.316137,
                           "name": "Default vehicle type",
-                          "network": "lime_seattle",
+                          "network": "bird-seattle-washington",
                           "operative": true,
                           "rentalUris": null,
                           "vehicleType": Object {
@@ -15336,17 +19709,16 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                                "lat": 47.6759,
-                                "lon": -122.3162,
+                                "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                                "lat": 47.675873,
+                                "lon": -122.316137,
                                 "name": "Default vehicle type",
-                                "network": "lime_seattle",
+                                "network": "bird-seattle-washington",
                                 "operative": true,
                                 "rentalUris": null,
                                 "vehicleType": Object {
@@ -15360,11 +19732,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           Object {
                             "__typename": "RentalVehicle",
                             "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                            "lat": 47.6759,
-                            "lon": -122.3162,
+                            "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                            "lat": 47.675873,
+                            "lon": -122.316137,
                             "name": "Default vehicle type",
-                            "network": "lime_seattle",
+                            "network": "bird-seattle-washington",
                             "operative": true,
                             "rentalUris": null,
                             "vehicleType": Object {
@@ -15379,11 +19751,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -15393,11 +19765,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             Object {
                                               "__typename": "RentalVehicle",
                                               "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                                              "lat": 47.6759,
-                                              "lon": -122.3162,
+                                              "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                                              "lat": 47.675873,
+                                              "lon": -122.316137,
                                               "name": "Default vehicle type",
-                                              "network": "lime_seattle",
+                                              "network": "bird-seattle-washington",
                                               "operative": true,
                                               "rentalUris": null,
                                               "vehicleType": Object {
@@ -15425,11 +19797,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                 Object {
                                                   "__typename": "RentalVehicle",
                                                   "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                                                  "lat": 47.6759,
-                                                  "lon": -122.3162,
+                                                  "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                                                  "lat": 47.675873,
+                                                  "lon": -122.316137,
                                                   "name": "Default vehicle type",
-                                                  "network": "lime_seattle",
+                                                  "network": "bird-seattle-washington",
                                                   "operative": true,
                                                   "rentalUris": null,
                                                   "vehicleType": Object {
@@ -15463,17 +19835,16 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
-                                      "lat": 47.6759,
-                                      "lon": -122.3162,
-                                      "name": "Default vehicle type",
-                                      "network": "lime_seattle",
+                                      "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                                      "lat": 47.675873,
+                                      "lon": -122.316137,
+                                      "name": "Default vehicle type",
+                                      "network": "bird-seattle-washington",
                                       "operative": true,
                                       "rentalUris": null,
                                       "vehicleType": Object {
@@ -15482,56 +19853,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpiaXJkLXNlYXR0bGUtd2FzaGluZ3RvbjpjZTM4MDA4Ny1lMjU1LTQzYjgtYjM5ZC04MjY3Y2E3MmJjMGQ",
+                                        "lat": 47.675873,
+                                        "lon": -122.316137,
+                                        "name": "Default vehicle type",
+                                        "network": "bird-seattle-washington",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -15542,73 +19920,476 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 384 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
+                              </div>
+                            </styled.div>
+                          </div>
+                        </styled.div>
+                      </Vehicle>
+                    </Connect(Vehicle)>
+                  </div>
+                </li>
+                <li
+                  className=""
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4"
+                >
+                  <div
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    tabIndex={0}
+                  >
+                    <Connect(Vehicle)
+                      fromToSlot={
+                        <Memo(Connect(FromToPicker))
+                          place={
+                            Object {
+                              "__typename": "RentalVehicle",
+                              "allowPickupNow": true,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                              "lat": 47.6759,
+                              "lon": -122.3162,
+                              "name": "Default vehicle type",
+                              "network": "lime_seattle",
+                              "operative": true,
+                              "rentalUris": null,
+                              "vehicleType": Object {
+                                "formFactor": "BICYCLE",
+                              },
+                            }
+                          }
+                        />
+                      }
+                      vehicle={
+                        Object {
+                          "__typename": "RentalVehicle",
+                          "allowPickupNow": true,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                          "lat": 47.6759,
+                          "lon": -122.3162,
+                          "name": "Default vehicle type",
+                          "network": "lime_seattle",
+                          "operative": true,
+                          "rentalUris": null,
+                          "vehicleType": Object {
+                            "formFactor": "BICYCLE",
+                          },
+                        }
+                      }
+                    >
+                      <Vehicle
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "RentalVehicle",
+                                "allowPickupNow": true,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                                "lat": 47.6759,
+                                "lon": -122.3162,
+                                "name": "Default vehicle type",
+                                "network": "lime_seattle",
+                                "operative": true,
+                                "rentalUris": null,
+                                "vehicleType": Object {
+                                  "formFactor": "BICYCLE",
+                                },
+                              }
+                            }
+                          />
+                        }
+                        vehicle={
+                          Object {
+                            "__typename": "RentalVehicle",
+                            "allowPickupNow": true,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                            "lat": 47.6759,
+                            "lon": -122.3162,
+                            "name": "Default vehicle type",
+                            "network": "lime_seattle",
+                            "operative": true,
+                            "rentalUris": null,
+                            "vehicleType": Object {
+                              "formFactor": "BICYCLE",
+                            },
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <styled.div>
+                              <div
+                                className="sc-kHNMIv jPJsOC"
+                              >
+                                <styled.p>
+                                  <p
+                                    className="sc-ksXiFW ljNmEi"
+                                  >
+                                    <IconWithText
+                                      icon={
+                                        <StationIcon
+                                          companyLabel=""
+                                          vehicle={
+                                            Object {
+                                              "__typename": "RentalVehicle",
+                                              "allowPickupNow": true,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                                              "lat": 47.6759,
+                                              "lon": -122.3162,
+                                              "name": "Default vehicle type",
+                                              "network": "lime_seattle",
+                                              "operative": true,
+                                              "rentalUris": null,
+                                              "vehicleType": Object {
+                                                "formFactor": "BICYCLE",
+                                              },
+                                            }
+                                          }
+                                        />
+                                      }
+                                    >
+                                      <div
+                                        style={
+                                          Object {
+                                            "display": "contents",
+                                          }
+                                        }
+                                      >
+                                        <Styled(styled.span)>
+                                          <span
+                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                          >
+                                            <StationIcon
+                                              companyLabel=""
+                                              vehicle={
+                                                Object {
+                                                  "__typename": "RentalVehicle",
+                                                  "allowPickupNow": true,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                                                  "lat": 47.6759,
+                                                  "lon": -122.3162,
+                                                  "name": "Default vehicle type",
+                                                  "network": "lime_seattle",
+                                                  "operative": true,
+                                                  "rentalUris": null,
+                                                  "vehicleType": Object {
+                                                    "formFactor": "BICYCLE",
+                                                  },
+                                                }
+                                              }
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                              <Suspense
+                                                fallback={
+                                                  <span>
+                                                    
+                                                  </span>
+                                                }
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <span />
+                                              </Suspense>
+                                            </StationIcon>
+                                          </span>
+                                        </Styled(styled.span)>
+                                        <span>
+                                          components.NearbyView.companyBicycle
+                                        </span>
+                                      </div>
+                                    </IconWithText>
+                                  </p>
+                                </styled.p>
+                              </div>
+                            </styled.div>
+                            <styled.div>
+                              <div
+                                className="sc-bGqPaL gRnQOF"
+                              >
+                                <Connect(FromToPicker)
+                                  place={
+                                    Object {
+                                      "__typename": "RentalVehicle",
+                                      "allowPickupNow": true,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                                      "lat": 47.6759,
+                                      "lon": -122.3162,
+                                      "name": "Default vehicle type",
+                                      "network": "lime_seattle",
+                                      "operative": true,
+                                      "rentalUris": null,
+                                      "vehicleType": Object {
+                                        "formFactor": "BICYCLE",
+                                      },
+                                    }
+                                  }
+                                >
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ODQ4M2VmZGUtZDRkMC00NWZkLWI0YzItZWNhOTg4MDhjMDQ4",
+                                        "lat": 47.6759,
+                                        "lon": -122.3162,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
+                                  >
+                                    <span
+                                      role="group"
+                                    >
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                    <DotCircle
+                                                      className="sc-aKXVD bNLtzV"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
                                                         }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 512 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -15619,48 +20400,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -15682,9 +20476,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
@@ -15722,9 +20515,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
@@ -15765,11 +20557,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -15849,9 +20641,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
@@ -15868,56 +20659,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6ZmUwZjM4ZjAtMjc3YS00MjQ4LTlkNzYtMTc4Y2UxZGQ0MDY0",
+                                        "lat": 47.6759,
+                                        "lon": -122.3162,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -15928,73 +20726,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -16005,48 +20803,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -16068,9 +20879,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "Stop",
                               "code": "16430",
@@ -16712,7 +21522,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           }
                         />
                       }
-                      showOperatorLogo={true}
                       stopData={
                         Object {
                           "__typename": "Stop",
@@ -17355,10 +22164,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       }
                     >
                       <Stop
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "Stop",
                                 "code": "16430",
@@ -18001,10 +22810,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           />
                         }
                         homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
                         stopData={
                           Object {
                             "__typename": "Stop",
@@ -18645,149 +23450,33 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             ],
                           }
                         }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
                       >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
+                        <styled.div>
                           <div
                             className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
                           >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt Station - Bay 1
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
-                                      Object {
-                                        "stopId": "16430",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/kcm:16430"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
                                     Object {
                                       "__typename": "Stop",
                                       "code": "16430",
@@ -19427,200 +24116,21 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       ],
                                     }
                                   }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                            <div>
-                              <div />
-                              <styled.ul>
-                                <ul
-                                  className="sc-fXtZR bOLFlz"
-                                >
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="0"
-                                    pattern={
-                                      Object {
-                                        "headsign": "University District Roosevelt Station",
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": "16430",
+                                  "gtfsId": "kcm:16430",
+                                  "id": "U3RvcDprY206MTY0MzA",
+                                  "lat": 47.6757507,
+                                  "lon": -122.316673,
+                                  "name": "Roosevelt Station - Bay 1",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Sand Point East Green Lake",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "kcm:1",
@@ -19629,808 +24139,160 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "color": null,
                                           "longName": null,
                                           "mode": "BUS",
-                                          "shortName": "45",
+                                          "shortName": "62",
                                           "textColor": null,
                                           "type": 3,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
-                                        },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "45",
-                                        "textColor": null,
-                                        "type": 3,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
+                                      },
+                                      "stoptimes": Array [
                                         Object {
-                                          "departureDelay": -38,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 50122,
+                                          "departureDelay": 60,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 50708,
                                           "realtimeState": "UPDATED",
-                                          "scheduledDeparture": 50160,
+                                          "scheduledDeparture": 50648,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
-                                          "departureDelay": 69,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 51129,
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 51548,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51548,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 116,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 52601,
                                           "realtimeState": "UPDATED",
-                                          "scheduledDeparture": 51060,
+                                          "scheduledDeparture": 52485,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 51960,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 53385,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 51960,
+                                          "scheduledDeparture": 53385,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
-                                          "departureDelay": -423,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 52437,
-                                          "realtimeState": "UPDATED",
-                                          "scheduledDeparture": 52860,
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 54285,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54285,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 53880,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 55185,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 53880,
+                                          "scheduledDeparture": 55185,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 20340,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 63825,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 20340,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 63825,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 22140,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 64485,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 22140,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 64485,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 23940,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 65085,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 23940,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 65085,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 25740,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 65685,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 25740,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 65685,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Roosevelt Station",
-                                          "realtimeDeparture": 26640,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 66345,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 26640,
-                                          "serviceDay": 1705132800,
+                                          "scheduledDeparture": 66345,
+                                          "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "45",
+                                              "shortName": "62",
                                             },
                                           },
                                         },
-                                      ]
-                                    }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
-                                          style={
-                                            Object {
-                                              "backgroundColor": "#333333",
-                                              "color": "#ffffff",
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="route-name"
-                                          >
-                                            <span
-                                              className="route-name-container"
-                                              title="45"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Metro Transit",
-                                                    "mode": "BUS",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": null,
-                                                    "routeLongName": null,
-                                                    "routeShortName": "45",
-                                                    "routeTextColor": null,
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "20px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="333333"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "20px",
-                                                    }
-                                                  }
-                                                  title="45"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE inAnuP"
-                                                    color="333333"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "20px",
-                                                      }
-                                                    }
-                                                    title="45"
-                                                  >
-                                                    45
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
-                                              style={
-                                                Object {
-                                                  "wordBreak": "break-word",
-                                                }
-                                              }
-                                              title="University District Roosevelt Station"
-                                            >
-                                              University District Roosevelt Station
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
-                                            >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                      >
-                                                        <Calendar>
-                                                          <StyledIconBase
-                                                            iconAttrs={
-                                                              Object {
-                                                                "fill": "currentColor",
-                                                                "xmlns": "http://www.w3.org/2000/svg",
-                                                              }
-                                                            }
-                                                            iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
-                                                          >
-                                                            <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                viewBox="0 0 448 512"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
-                                                                  fill="currentColor"
-                                                                />
-                                                              </svg>
-                                                            </ForwardRef>
-                                                          </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="friday"
-                                                      >
-                                                        <FormattedMessage
-                                                          id="common.daysOfWeek.friday"
-                                                        >
-                                                          common.daysOfWeek.friday
-                                                        </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": -38,
-                                                      "headsign": "University District Roosevelt Station",
-                                                      "realtimeDeparture": 50122,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 50160,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "45",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": -38,
-                                                        "headsign": "University District Roosevelt Station",
-                                                        "realtimeDeparture": 50122,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 50160,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "45",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.realtime"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
-                                                        >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.early"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": -38,
-                                                              "headsign": "University District Roosevelt Station",
-                                                              "realtimeDeparture": 50122,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 50160,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "45",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T21:55:22.000Z}
-                                                          >
-                                                            1:55 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="1"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="1"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 69,
-                                                      "headsign": "University District Roosevelt Station",
-                                                      "realtimeDeparture": 51129,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 51060,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "45",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 69,
-                                                        "headsign": "University District Roosevelt Station",
-                                                        "realtimeDeparture": 51129,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 51060,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "45",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.realtime"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
-                                                        >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.late"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 69,
-                                                              "headsign": "University District Roosevelt Station",
-                                                              "realtimeDeparture": 51129,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 51060,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "45",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:12:09.000Z}
-                                                          >
-                                                            2:12 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="2"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="2"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "University District Roosevelt Station",
-                                                      "realtimeDeparture": 51960,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 51960,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "45",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "University District Roosevelt Station",
-                                                        "realtimeDeparture": 51960,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 51960,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "45",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
-                                                        >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
-                                                            >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "University District Roosevelt Station",
-                                                              "realtimeDeparture": 51960,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 51960,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "45",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:26:00.000Z}
-                                                          >
-                                                            2:26 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="1"
-                                    pattern={
-                                      Object {
-                                        "headsign": "Sand Point East Green Lake",
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Sand Point",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "kcm:1",
@@ -20439,55 +24301,128 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "color": null,
                                           "longName": null,
                                           "mode": "BUS",
-                                          "shortName": "62",
+                                          "shortName": "79",
                                           "textColor": null,
                                           "type": 3,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
-                                        },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "62",
-                                        "textColor": null,
-                                        "type": 3,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
+                                      },
+                                      "stoptimes": Array [
                                         Object {
-                                          "departureDelay": 60,
-                                          "headsign": "Sand Point",
-                                          "realtimeDeparture": 50708,
-                                          "realtimeState": "UPDATED",
-                                          "scheduledDeparture": 50648,
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 52248,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52248,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "62",
+                                              "shortName": "79",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Sand Point",
-                                          "realtimeDeparture": 51548,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 55848,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 51548,
+                                          "scheduledDeparture": 55848,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "62",
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 56748,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56748,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 59448,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 59448,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 63048,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 63048,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Madrona Special",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "988",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Madrona Special",
+                                          "realtimeDeparture": 56940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "988",
                                             },
                                           },
                                         },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Sand Point East Green Lake",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
                                         Object {
                                           "departureDelay": 116,
                                           "headsign": "Sand Point",
@@ -20501,12 +24436,31 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             },
                                           },
                                         },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Sand Point East Green Lake",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Sand Point",
-                                          "realtimeDeparture": 53385,
+                                          "realtimeDeparture": 66345,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 53385,
+                                          "scheduledDeparture": 66345,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
@@ -20517,9 +24471,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Sand Point",
-                                          "realtimeDeparture": 54285,
+                                          "realtimeDeparture": 65685,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 54285,
+                                          "scheduledDeparture": 65685,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
@@ -20530,9 +24484,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Sand Point",
-                                          "realtimeDeparture": 55185,
+                                          "realtimeDeparture": 65085,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 55185,
+                                          "scheduledDeparture": 65085,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
@@ -20543,9 +24497,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Sand Point",
-                                          "realtimeDeparture": 63825,
+                                          "realtimeDeparture": 64485,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 63825,
+                                          "scheduledDeparture": 64485,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
@@ -20556,9 +24510,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         Object {
                                           "departureDelay": 0,
                                           "headsign": "Sand Point",
-                                          "realtimeDeparture": 64485,
+                                          "realtimeDeparture": 63825,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 64485,
+                                          "scheduledDeparture": 63825,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
@@ -20566,434 +24520,3091 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             },
                                           },
                                         },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Roosevelt Station",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": -38,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 50122,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50160,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 69,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 51129,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 51060,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Sand Point",
-                                          "realtimeDeparture": 65085,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 51960,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 65085,
+                                          "scheduledDeparture": 51960,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "62",
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": -423,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 52437,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 52860,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Sand Point",
-                                          "realtimeDeparture": 65685,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 53880,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 65685,
+                                          "scheduledDeparture": 53880,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "62",
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Sand Point",
-                                          "realtimeDeparture": 66345,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 20340,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 66345,
-                                          "serviceDay": 1705046400,
+                                          "scheduledDeparture": 20340,
+                                          "serviceDay": 1705132800,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "62",
+                                              "shortName": "45",
                                             },
                                           },
                                         },
-                                      ]
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 22140,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22140,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 23940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23940,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 25740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25740,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 26640,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26640,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Roosevelt Station",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 26640,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26640,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 25740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25740,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 23940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23940,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 22140,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22140,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 20340,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 20340,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/kcm:16430"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": "16430",
+                                        "gtfsId": "kcm:16430",
+                                        "id": "U3RvcDprY206MTY0MzA",
+                                        "lat": 47.6757507,
+                                        "lon": -122.316673,
+                                        "name": "Roosevelt Station - Bay 1",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Sand Point East Green Lake",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 60,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 50708,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50648,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 51548,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51548,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 116,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 52601,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 52485,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 53385,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53385,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 54285,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54285,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 55185,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 55185,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 63825,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 63825,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 64485,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 64485,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 65085,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 65085,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 65685,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 65685,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 66345,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 66345,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Sand Point",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "79",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Sand Point",
+                                                "realtimeDeparture": 52248,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52248,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Sand Point",
+                                                "realtimeDeparture": 55848,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 55848,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Sand Point",
+                                                "realtimeDeparture": 56748,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 56748,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Sand Point",
+                                                "realtimeDeparture": 59448,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 59448,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Sand Point",
+                                                "realtimeDeparture": 63048,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 63048,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Madrona Special",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "988",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Madrona Special",
+                                                "realtimeDeparture": 56940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 56940,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "988",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Sand Point East Green Lake",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 116,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 52601,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 52485,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Sand Point East Green Lake",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 66345,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 66345,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 65685,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 65685,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 65085,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 65085,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 64485,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 64485,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Sand Point",
+                                                "realtimeDeparture": 63825,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 63825,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Roosevelt Station",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": -38,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 50122,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50160,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 69,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 51129,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 51060,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 51960,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51960,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": -423,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 52437,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 52860,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 53880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53880,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 20340,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 20340,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 22140,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22140,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 23940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23940,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 25740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25740,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 26640,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26640,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Roosevelt Station",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 26640,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26640,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 25740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25740,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 23940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23940,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 22140,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22140,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt Station",
+                                                "realtimeDeparture": 20340,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 20340,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                        ],
+                                      }
                                     }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": "16430",
+                                    "gtfsId": "kcm:16430",
+                                    "id": "U3RvcDprY206MTY0MzA",
+                                    "lat": 47.6757507,
+                                    "lon": -122.316673,
+                                    "name": "Roosevelt Station - Bay 1",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Sand Point East Green Lake",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 60,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 50708,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50648,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 51548,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51548,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 116,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 52601,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 52485,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 53385,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53385,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 54285,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54285,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 55185,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 55185,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 63825,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 63825,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 64485,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 64485,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 65085,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 65085,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 65685,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 65685,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 66345,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 66345,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Sand Point",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "79",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Sand Point",
+                                            "realtimeDeparture": 52248,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52248,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Sand Point",
+                                            "realtimeDeparture": 55848,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 55848,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Sand Point",
+                                            "realtimeDeparture": 56748,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 56748,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Sand Point",
+                                            "realtimeDeparture": 59448,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 59448,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Sand Point",
+                                            "realtimeDeparture": 63048,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 63048,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Madrona Special",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "988",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Madrona Special",
+                                            "realtimeDeparture": 56940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 56940,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "988",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Sand Point East Green Lake",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 116,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 52601,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 52485,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Sand Point East Green Lake",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 66345,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 66345,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 65685,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 65685,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 65085,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 65085,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 64485,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 64485,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Sand Point",
+                                            "realtimeDeparture": 63825,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 63825,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Roosevelt Station",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": -38,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 50122,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50160,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 69,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 51129,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 51060,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 51960,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51960,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": -423,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 52437,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 52860,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 53880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53880,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 20340,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 20340,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 22140,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22140,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 23940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23940,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 25740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25740,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 26640,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26640,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Roosevelt Station",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 26640,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26640,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 25740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25740,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 23940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23940,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 22140,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22140,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt Station",
+                                            "realtimeDeparture": 20340,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 20340,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                  }
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
+                                  >
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          Roosevelt Station - Bay 1
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "16430",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/kcm:16430"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/kcm:16430"
                                           style={
                                             Object {
-                                              "backgroundColor": "#333333",
-                                              "color": "#ffffff",
+                                              "color": "inherit",
+                                              "fontSize": "small",
                                             }
                                           }
                                         >
-                                          <div
-                                            className="route-name"
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
                                           >
-                                            <span
-                                              className="route-name-container"
-                                              title="62"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Metro Transit",
-                                                    "mode": "BUS",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": null,
-                                                    "routeLongName": null,
-                                                    "routeShortName": "62",
-                                                    "routeTextColor": null,
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "20px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="333333"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "20px",
-                                                    }
-                                                  }
-                                                  title="62"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE inAnuP"
-                                                    color="333333"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "20px",
-                                                      }
-                                                    }
-                                                    title="62"
-                                                  >
-                                                    62
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
+                                            <div
                                               style={
                                                 Object {
-                                                  "wordBreak": "break-word",
+                                                  "display": "contents",
                                                 }
                                               }
-                                              title="Sand Point East Green Lake"
-                                            >
-                                              Sand Point East Green Lake
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
                                             >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                      >
-                                                        <Calendar>
-                                                          <StyledIconBase
-                                                            iconAttrs={
-                                                              Object {
-                                                                "fill": "currentColor",
-                                                                "xmlns": "http://www.w3.org/2000/svg",
-                                                              }
-                                                            }
-                                                            iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
-                                                          >
-                                                            <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                viewBox="0 0 448 512"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
-                                                                  fill="currentColor"
-                                                                />
-                                                              </svg>
-                                                            </ForwardRef>
-                                                          </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="friday"
-                                                      >
-                                                        <FormattedMessage
-                                                          id="common.daysOfWeek.friday"
-                                                        >
-                                                          common.daysOfWeek.friday
-                                                        </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 60,
-                                                      "headsign": "Sand Point",
-                                                      "realtimeDeparture": 50708,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 50648,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "62",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                 >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 60,
-                                                        "headsign": "Sand Point",
-                                                        "realtimeDeparture": 50708,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 50648,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "62",
-                                                          },
-                                                        },
+                                                  <Calendar>
+                                                    <StyledIconBase
+                                                      iconAttrs={
+                                                        Object {
+                                                          "fill": "currentColor",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        }
                                                       }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
+                                                      iconVerticalAlign="middle"
+                                                      iconViewBox="0 0 448 512"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
+                                                      <ForwardRef
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                        iconAttrs={
                                                           Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
                                                           }
                                                         }
-                                                        title="components.StopTimeCell.realtime"
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 448 512"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
+                                                        <svg
+                                                          aria-hidden="true"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                          fill="currentColor"
+                                                          focusable="false"
+                                                          viewBox="0 0 448 512"
+                                                          xmlns="http://www.w3.org/2000/svg"
                                                         >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.late"
+                                                          <path
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
+                                                            fill="currentColor"
+                                                          />
+                                                        </svg>
+                                                      </ForwardRef>
+                                                    </StyledIconBase>
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
+                                                >
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": "16430",
+                                          "gtfsId": "kcm:16430",
+                                          "id": "U3RvcDprY206MTY0MzA",
+                                          "lat": 47.6757507,
+                                          "lon": -122.316673,
+                                          "name": "Roosevelt Station - Bay 1",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Sand Point East Green Lake",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 60,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 50708,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50648,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 51548,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51548,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 116,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 52601,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 52485,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 53385,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53385,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 54285,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54285,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 55185,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 55185,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 63825,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 63825,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 64485,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 64485,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 65085,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 65085,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 65685,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 65685,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 66345,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 66345,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Sand Point",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "79",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Sand Point",
+                                                  "realtimeDeparture": 52248,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52248,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Sand Point",
+                                                  "realtimeDeparture": 55848,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 55848,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Sand Point",
+                                                  "realtimeDeparture": 56748,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 56748,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Sand Point",
+                                                  "realtimeDeparture": 59448,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 59448,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Sand Point",
+                                                  "realtimeDeparture": 63048,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 63048,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Madrona Special",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "988",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Madrona Special",
+                                                  "realtimeDeparture": 56940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 56940,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "988",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Sand Point East Green Lake",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 116,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 52601,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 52485,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Sand Point East Green Lake",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 66345,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 66345,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 65685,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 65685,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 65085,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 65085,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 64485,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 64485,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Sand Point",
+                                                  "realtimeDeparture": 63825,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 63825,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Roosevelt Station",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": -38,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 50122,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50160,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 69,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 51129,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 51060,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 51960,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51960,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": -423,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 52437,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 52860,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 53880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53880,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 20340,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 20340,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 22140,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22140,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 23940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23940,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 25740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25740,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 26640,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26640,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Roosevelt Station",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 26640,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26640,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 25740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25740,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 23940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23940,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 22140,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22140,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "realtimeDeparture": 20340,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 20340,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": "16430",
+                                            "gtfsId": "kcm:16430",
+                                            "id": "U3RvcDprY206MTY0MzA",
+                                            "lat": 47.6757507,
+                                            "lon": -122.316673,
+                                            "name": "Roosevelt Station - Bay 1",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Sand Point East Green Lake",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 60,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 50708,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50648,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 51548,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51548,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 116,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 52601,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 52485,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 53385,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53385,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 54285,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54285,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 55185,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 55185,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 63825,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 63825,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 64485,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 64485,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 65085,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 65085,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 65685,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 65685,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 66345,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 66345,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Sand Point",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "79",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Sand Point",
+                                                    "realtimeDeparture": 52248,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52248,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Sand Point",
+                                                    "realtimeDeparture": 55848,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 55848,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Sand Point",
+                                                    "realtimeDeparture": 56748,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 56748,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Sand Point",
+                                                    "realtimeDeparture": 59448,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 59448,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Sand Point",
+                                                    "realtimeDeparture": 63048,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 63048,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Madrona Special",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "988",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Madrona Special",
+                                                    "realtimeDeparture": 56940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 56940,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "988",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Sand Point East Green Lake",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 116,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 52601,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 52485,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Sand Point East Green Lake",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 66345,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 66345,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 65685,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 65685,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 65085,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 65085,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 64485,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 64485,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Sand Point",
+                                                    "realtimeDeparture": 63825,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 63825,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": -38,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 50122,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50160,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 69,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 51129,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 51060,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 51960,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51960,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": -423,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 52437,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 52860,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 53880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53880,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 20340,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 20340,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 22140,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22140,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 23940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23940,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 25740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25740,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 26640,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26640,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Roosevelt Station",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 26640,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26640,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 25740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25740,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 23940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23940,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 22140,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22140,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt Station",
+                                                    "realtimeDeparture": 20340,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 20340,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
+                                              >
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                  >
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="from"
+                                                    >
+                                                      <Styled(DotCircle)
+                                                        className=""
+                                                        size="0.9em"
                                                       >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
                                                           >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
                                                             >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
                                                               >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 60,
-                                                              "headsign": "Sand Point",
-                                                              "realtimeDeparture": 50708,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 50648,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "62",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:05:08.000Z}
-                                                          >
-                                                            2:05 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="1"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="1"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Sand Point",
-                                                      "realtimeDeparture": 51548,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 51548,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "62",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Sand Point",
-                                                        "realtimeDeparture": 51548,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 51548,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "62",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <div
-                                                      className="percy-hide"
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -21001,259 +27612,68 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 }
                                                               }
                                                               iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
                                                             >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
                                                               >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
                                                                   fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "Sand Point",
-                                                              "realtimeDeparture": 51548,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 51548,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "62",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:19:08.000Z}
-                                                          >
-                                                            2:19 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="2"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="2"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 116,
-                                                      "headsign": "Sand Point",
-                                                      "realtimeDeparture": 52601,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 52485,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "62",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 116,
-                                                        "headsign": "Sand Point",
-                                                        "realtimeDeparture": 52601,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 52485,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "62",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.realtime"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
-                                                        >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.late"
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
                                                       >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 116,
-                                                              "headsign": "Sand Point",
-                                                              "realtimeDeparture": 52601,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 52485,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "62",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:36:41.000Z}
-                                                          >
-                                                            2:36 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
+                                        </span>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
+                            <div>
+                              <div />
+                              <styled.ul>
+                                <ul
+                                  className="sc-fXtZR bOLFlz"
+                                >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
-                                    key="2"
+                                    key="0"
                                     pattern={
                                       Object {
-                                        "headsign": "University District Sand Point",
+                                        "headsign": "University District Roosevelt Station",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "kcm:1",
@@ -21262,7 +27682,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "color": null,
                                           "longName": null,
                                           "mode": "BUS",
-                                          "shortName": "79",
+                                          "shortName": "45",
                                           "textColor": null,
                                           "type": 3,
                                         },
@@ -21278,75 +27698,140 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         "color": null,
                                         "longName": null,
                                         "mode": "BUS",
-                                        "shortName": "79",
+                                        "shortName": "45",
                                         "textColor": null,
                                         "type": 3,
                                       }
                                     }
                                     stopTimes={
                                       Array [
+                                        Object {
+                                          "departureDelay": -38,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 50122,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50160,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 69,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 51129,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 51060,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Sand Point",
-                                          "realtimeDeparture": 52248,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 51960,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 52248,
+                                          "scheduledDeparture": 51960,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "79",
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": -423,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 52437,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 52860,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Sand Point",
-                                          "realtimeDeparture": 55848,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 53880,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 55848,
+                                          "scheduledDeparture": 53880,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "79",
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Sand Point",
-                                          "realtimeDeparture": 56748,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 20340,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 56748,
-                                          "serviceDay": 1705046400,
+                                          "scheduledDeparture": 20340,
+                                          "serviceDay": 1705132800,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "79",
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Sand Point",
-                                          "realtimeDeparture": 59448,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 22140,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 59448,
-                                          "serviceDay": 1705046400,
+                                          "scheduledDeparture": 22140,
+                                          "serviceDay": 1705132800,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "79",
+                                              "shortName": "45",
                                             },
                                           },
                                         },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "University District Sand Point",
-                                          "realtimeDeparture": 63048,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 23940,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 63048,
-                                          "serviceDay": 1705046400,
+                                          "scheduledDeparture": 23940,
+                                          "serviceDay": 1705132800,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "79",
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 25740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25740,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt Station",
+                                          "realtimeDeparture": 26640,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26640,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
                                             },
                                           },
                                         },
@@ -21373,7 +27858,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           >
                                             <span
                                               className="route-name-container"
-                                              title="79"
+                                              title="45"
                                             >
                                               <DefaultRouteRenderer
                                                 leg={
@@ -21384,7 +27869,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     "origColor": undefined,
                                                     "routeColor": null,
                                                     "routeLongName": null,
-                                                    "routeShortName": "79",
+                                                    "routeShortName": "45",
                                                     "routeTextColor": null,
                                                   }
                                                 }
@@ -21402,19 +27887,19 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       "fontSize": "20px",
                                                     }
                                                   }
-                                                  title="79"
+                                                  title="45"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
                                                         "fontSize": "20px",
                                                       }
                                                     }
-                                                    title="79"
+                                                    title="45"
                                                   >
-                                                    79
+                                                    45
                                                   </span>
                                                 </styled.span>
                                               </DefaultRouteRenderer>
@@ -21425,9 +27910,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   "wordBreak": "break-word",
                                                 }
                                               }
-                                              title="University District Sand Point"
+                                              title="University District Roosevelt Station"
                                             >
-                                              University District Sand Point
+                                              University District Roosevelt Station
                                             </span>
                                           </div>
                                           <styled.ol>
@@ -21520,15 +28005,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   key="0"
                                                   stopTime={
                                                     Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "University District Sand Point",
-                                                      "realtimeDeparture": 52248,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 52248,
+                                                      "departureDelay": -38,
+                                                      "headsign": "University District Roosevelt Station",
+                                                      "realtimeDeparture": 50122,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 50160,
                                                       "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
-                                                          "shortName": "79",
+                                                          "shortName": "45",
                                                         },
                                                       },
                                                     }
@@ -21539,15 +28024,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     onlyShowCountdownForRealtime={false}
                                                     stopTime={
                                                       Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "University District Sand Point",
-                                                        "realtimeDeparture": 52248,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 52248,
+                                                        "departureDelay": -38,
+                                                        "headsign": "University District Roosevelt Station",
+                                                        "realtimeDeparture": 50122,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 50160,
                                                         "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
-                                                            "shortName": "79",
+                                                            "shortName": "45",
                                                           },
                                                         },
                                                       }
@@ -21564,7 +28049,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             "marginRight": 2,
                                                           }
                                                         }
-                                                        title="components.StopTimeCell.scheduled"
+                                                        title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
                                                           className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
@@ -21575,21 +28060,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                               "marginRight": 2,
                                                             }
                                                           }
-                                                          title="components.StopTimeCell.scheduled"
+                                                          title="components.StopTimeCell.realtime"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
                                                             >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -21597,29 +28075,41 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                   }
                                                                 }
                                                                 iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
+                                                                iconViewBox="0 0 448 512"
                                                               >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
                                                                 >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
                                                                     fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
                                                         </span>
                                                       </Styled(styled.span)>
                                                       <span
                                                         className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                        title="components.RealtimeStatusLabel.early"
                                                       >
                                                         <styled.span>
                                                           <span
@@ -21641,15 +28131,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           realTime={true}
                                                           stopTime={
                                                             Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "University District Sand Point",
-                                                              "realtimeDeparture": 52248,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 52248,
+                                                              "departureDelay": -38,
+                                                              "headsign": "University District Roosevelt Station",
+                                                              "realtimeDeparture": 50122,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 50160,
                                                               "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
-                                                                  "shortName": "79",
+                                                                  "shortName": "45",
                                                                 },
                                                               },
                                                             }
@@ -21657,9 +28147,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-12T22:30:48.000Z}
+                                                            value={2024-01-12T21:55:22.000Z}
                                                           >
-                                                            2:30 PM
+                                                            1:55 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -21675,15 +28165,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   key="1"
                                                   stopTime={
                                                     Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "University District Sand Point",
-                                                      "realtimeDeparture": 55848,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 55848,
+                                                      "departureDelay": 69,
+                                                      "headsign": "University District Roosevelt Station",
+                                                      "realtimeDeparture": 51129,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 51060,
                                                       "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
-                                                          "shortName": "79",
+                                                          "shortName": "45",
                                                         },
                                                       },
                                                     }
@@ -21694,15 +28184,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     onlyShowCountdownForRealtime={false}
                                                     stopTime={
                                                       Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "University District Sand Point",
-                                                        "realtimeDeparture": 55848,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 55848,
+                                                        "departureDelay": 69,
+                                                        "headsign": "University District Roosevelt Station",
+                                                        "realtimeDeparture": 51129,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 51060,
                                                         "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
-                                                            "shortName": "79",
+                                                            "shortName": "45",
                                                           },
                                                         },
                                                       }
@@ -21719,7 +28209,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             "marginRight": 2,
                                                           }
                                                         }
-                                                        title="components.StopTimeCell.scheduled"
+                                                        title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
                                                           className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
@@ -21730,21 +28220,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                               "marginRight": 2,
                                                             }
                                                           }
-                                                          title="components.StopTimeCell.scheduled"
+                                                          title="components.StopTimeCell.realtime"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
                                                             >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -21752,29 +28235,41 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                   }
                                                                 }
                                                                 iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
+                                                                iconViewBox="0 0 448 512"
                                                               >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
                                                                 >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
                                                                     fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
                                                         </span>
                                                       </Styled(styled.span)>
                                                       <span
                                                         className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                        title="components.RealtimeStatusLabel.late"
                                                       >
                                                         <styled.span>
                                                           <span
@@ -21796,15 +28291,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           realTime={true}
                                                           stopTime={
                                                             Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "University District Sand Point",
-                                                              "realtimeDeparture": 55848,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 55848,
+                                                              "departureDelay": 69,
+                                                              "headsign": "University District Roosevelt Station",
+                                                              "realtimeDeparture": 51129,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 51060,
                                                               "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
-                                                                  "shortName": "79",
+                                                                  "shortName": "45",
                                                                 },
                                                               },
                                                             }
@@ -21812,9 +28307,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-12T23:30:48.000Z}
+                                                            value={2024-01-12T22:12:09.000Z}
                                                           >
-                                                            3:30 PM
+                                                            2:12 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -21831,14 +28326,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   stopTime={
                                                     Object {
                                                       "departureDelay": 0,
-                                                      "headsign": "University District Sand Point",
-                                                      "realtimeDeparture": 56748,
+                                                      "headsign": "University District Roosevelt Station",
+                                                      "realtimeDeparture": 51960,
                                                       "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 56748,
+                                                      "scheduledDeparture": 51960,
                                                       "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
-                                                          "shortName": "79",
+                                                          "shortName": "45",
                                                         },
                                                       },
                                                     }
@@ -21850,14 +28345,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     stopTime={
                                                       Object {
                                                         "departureDelay": 0,
-                                                        "headsign": "University District Sand Point",
-                                                        "realtimeDeparture": 56748,
+                                                        "headsign": "University District Roosevelt Station",
+                                                        "realtimeDeparture": 51960,
                                                         "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 56748,
+                                                        "scheduledDeparture": 51960,
                                                         "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
-                                                            "shortName": "79",
+                                                            "shortName": "45",
                                                           },
                                                         },
                                                       }
@@ -21952,14 +28447,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "University District Sand Point",
-                                                              "realtimeDeparture": 56748,
+                                                              "headsign": "University District Roosevelt Station",
+                                                              "realtimeDeparture": 51960,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 56748,
+                                                              "scheduledDeparture": 51960,
                                                               "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
-                                                                  "shortName": "79",
+                                                                  "shortName": "45",
                                                                 },
                                                               },
                                                             }
@@ -21967,9 +28462,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-12T23:45:48.000Z}
+                                                            value={2024-01-12T22:26:00.000Z}
                                                           >
-                                                            3:45 PM
+                                                            2:26 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -21985,10 +28480,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                   </PatternRow>
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
-                                    key="3"
+                                    key="1"
                                     pattern={
                                       Object {
-                                        "headsign": "Madrona Special",
+                                        "headsign": "Sand Point East Green Lake",
                                         "route": Object {
                                           "agency": Object {
                                             "gtfsId": "kcm:1",
@@ -21997,7 +28492,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           "color": null,
                                           "longName": null,
                                           "mode": "BUS",
-                                          "shortName": "988",
+                                          "shortName": "62",
                                           "textColor": null,
                                           "type": 3,
                                         },
@@ -22013,23 +28508,153 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         "color": null,
                                         "longName": null,
                                         "mode": "BUS",
-                                        "shortName": "988",
+                                        "shortName": "62",
                                         "textColor": null,
                                         "type": 3,
                                       }
                                     }
                                     stopTimes={
                                       Array [
+                                        Object {
+                                          "departureDelay": 60,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 50708,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50648,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
                                         Object {
                                           "departureDelay": 0,
-                                          "headsign": "Madrona Special",
-                                          "realtimeDeparture": 56940,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 51548,
                                           "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 56940,
+                                          "scheduledDeparture": 51548,
                                           "serviceDay": 1705046400,
                                           "trip": Object {
                                             "route": Object {
-                                              "shortName": "988",
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 116,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 52601,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 52485,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 53385,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53385,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 54285,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54285,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 55185,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 55185,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 63825,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 63825,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 64485,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 64485,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 65085,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 65085,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 65685,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 65685,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Sand Point",
+                                          "realtimeDeparture": 66345,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 66345,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
                                             },
                                           },
                                         },
@@ -22056,7 +28681,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           >
                                             <span
                                               className="route-name-container"
-                                              title="988"
+                                              title="62"
                                             >
                                               <DefaultRouteRenderer
                                                 leg={
@@ -22067,13 +28692,13 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     "origColor": undefined,
                                                     "routeColor": null,
                                                     "routeLongName": null,
-                                                    "routeShortName": "988",
+                                                    "routeShortName": "62",
                                                     "routeTextColor": null,
                                                   }
                                                 }
                                                 style={
                                                   Object {
-                                                    "fontSize": "16px",
+                                                    "fontSize": "20px",
                                                   }
                                                 }
                                               >
@@ -22082,22 +28707,22 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   isOnColoredBackground={true}
                                                   style={
                                                     Object {
-                                                      "fontSize": "16px",
+                                                      "fontSize": "20px",
                                                     }
                                                   }
-                                                  title="988"
+                                                  title="62"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
-                                                        "fontSize": "16px",
+                                                        "fontSize": "20px",
                                                       }
                                                     }
-                                                    title="988"
+                                                    title="62"
                                                   >
-                                                    988
+                                                    62
                                                   </span>
                                                 </styled.span>
                                               </DefaultRouteRenderer>
@@ -22108,9 +28733,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   "wordBreak": "break-word",
                                                 }
                                               }
-                                              title="Madrona Special"
+                                              title="Sand Point East Green Lake"
                                             >
-                                              Madrona Special
+                                              Sand Point East Green Lake
                                             </span>
                                           </div>
                                           <styled.ol>
@@ -22201,17 +28826,177 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                 <Connect(StopTimeCell)
                                                   homeTimezone="America/Los_Angeles"
                                                   key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 60,
+                                                      "headsign": "Sand Point",
+                                                      "realtimeDeparture": 50708,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 50648,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "62",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 60,
+                                                        "headsign": "Sand Point",
+                                                        "realtimeDeparture": 50708,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 50648,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "62",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.realtime"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.realtime"
+                                                        >
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
+                                                            >
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 448 512"
+                                                              >
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                    fill="currentColor"
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.late"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 60,
+                                                              "headsign": "Sand Point",
+                                                              "realtimeDeparture": 50708,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 50648,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "62",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:05:08.000Z}
+                                                          >
+                                                            2:05 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="1"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="1"
                                                   stopTime={
                                                     Object {
                                                       "departureDelay": 0,
-                                                      "headsign": "Madrona Special",
-                                                      "realtimeDeparture": 56940,
+                                                      "headsign": "Sand Point",
+                                                      "realtimeDeparture": 51548,
                                                       "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 56940,
+                                                      "scheduledDeparture": 51548,
                                                       "serviceDay": 1705046400,
                                                       "trip": Object {
                                                         "route": Object {
-                                                          "shortName": "988",
+                                                          "shortName": "62",
                                                         },
                                                       },
                                                     }
@@ -22223,14 +29008,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     stopTime={
                                                       Object {
                                                         "departureDelay": 0,
-                                                        "headsign": "Madrona Special",
-                                                        "realtimeDeparture": 56940,
+                                                        "headsign": "Sand Point",
+                                                        "realtimeDeparture": 51548,
                                                         "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 56940,
+                                                        "scheduledDeparture": 51548,
                                                         "serviceDay": 1705046400,
                                                         "trip": Object {
                                                           "route": Object {
-                                                            "shortName": "988",
+                                                            "shortName": "62",
                                                           },
                                                         },
                                                       }
@@ -22325,14 +29110,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           stopTime={
                                                             Object {
                                                               "departureDelay": 0,
-                                                              "headsign": "Madrona Special",
-                                                              "realtimeDeparture": 56940,
+                                                              "headsign": "Sand Point",
+                                                              "realtimeDeparture": 51548,
                                                               "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 56940,
+                                                              "scheduledDeparture": 51548,
                                                               "serviceDay": 1705046400,
                                                               "trip": Object {
                                                                 "route": Object {
-                                                                  "shortName": "988",
+                                                                  "shortName": "62",
                                                                 },
                                                               },
                                                             }
@@ -22340,9 +29125,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <FormattedTime
                                                             timeStyle="short"
-                                                            value={2024-01-12T23:49:00.000Z}
+                                                            value={2024-01-12T22:19:08.000Z}
                                                           >
-                                                            3:49 PM
+                                                            2:19 PM
                                                           </FormattedTime>
                                                         </DepartureTime>
                                                       </span>
@@ -22350,1182 +29135,1292 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   </StopTimeCell>
                                                 </Connect(StopTimeCell)>
                                               </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
-                                </ul>
-                              </styled.ul>
-                            </div>
-                          </div>
-                        </styled.div>
-                      </Stop>
-                    </Connect(Stop)>
-                  </div>
-                </li>
-                <li
-                  className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3"
-                >
-                  <div
-                    onBlur={[Function]}
-                    onFocus={[Function]}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    tabIndex={0}
-                  >
-                    <Connect(Vehicle)
-                      fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
-                            Object {
-                              "__typename": "RentalVehicle",
-                              "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                              "lat": 47.675,
-                              "lon": -122.3157,
-                              "name": "Default vehicle type",
-                              "network": "lime_seattle",
-                              "operative": true,
-                              "rentalUris": null,
-                              "vehicleType": Object {
-                                "formFactor": "BICYCLE",
-                              },
-                            }
-                          }
-                        />
-                      }
-                      vehicle={
-                        Object {
-                          "__typename": "RentalVehicle",
-                          "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                          "lat": 47.675,
-                          "lon": -122.3157,
-                          "name": "Default vehicle type",
-                          "network": "lime_seattle",
-                          "operative": true,
-                          "rentalUris": null,
-                          "vehicleType": Object {
-                            "formFactor": "BICYCLE",
-                          },
-                        }
-                      }
-                    >
-                      <Vehicle
-                        dispatch={[Function]}
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "RentalVehicle",
-                                "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                                "lat": 47.675,
-                                "lon": -122.3157,
-                                "name": "Default vehicle type",
-                                "network": "lime_seattle",
-                                "operative": true,
-                                "rentalUris": null,
-                                "vehicleType": Object {
-                                  "formFactor": "BICYCLE",
-                                },
-                              }
-                            }
-                          />
-                        }
-                        vehicle={
-                          Object {
-                            "__typename": "RentalVehicle",
-                            "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                            "lat": 47.675,
-                            "lon": -122.3157,
-                            "name": "Default vehicle type",
-                            "network": "lime_seattle",
-                            "operative": true,
-                            "rentalUris": null,
-                            "vehicleType": Object {
-                              "formFactor": "BICYCLE",
-                            },
-                          }
-                        }
-                      >
-                        <styled.div>
-                          <div
-                            className="sc-cVksOY hGVfg"
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={
-                                        <StationIcon
-                                          companyLabel=""
-                                          vehicle={
-                                            Object {
-                                              "__typename": "RentalVehicle",
-                                              "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                                              "lat": 47.675,
-                                              "lon": -122.3157,
-                                              "name": "Default vehicle type",
-                                              "network": "lime_seattle",
-                                              "operative": true,
-                                              "rentalUris": null,
-                                              "vehicleType": Object {
-                                                "formFactor": "BICYCLE",
-                                              },
-                                            }
-                                          }
-                                        />
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <StationIcon
-                                              companyLabel=""
-                                              vehicle={
-                                                Object {
-                                                  "__typename": "RentalVehicle",
-                                                  "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                                                  "lat": 47.675,
-                                                  "lon": -122.3157,
-                                                  "name": "Default vehicle type",
-                                                  "network": "lime_seattle",
-                                                  "operative": true,
-                                                  "rentalUris": null,
-                                                  "vehicleType": Object {
-                                                    "formFactor": "BICYCLE",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Suspense
-                                                fallback={
-                                                  <span>
-                                                    
-                                                  </span>
-                                                }
-                                              >
-                                                <span />
-                                              </Suspense>
-                                            </StationIcon>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          components.NearbyView.companyBicycle
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "RentalVehicle",
-                                      "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
-                                      "lat": 47.675,
-                                      "lon": -122.3157,
-                                      "name": "Default vehicle type",
-                                      "network": "lime_seattle",
-                                      "operative": true,
-                                      "rentalUris": null,
-                                      "vehicleType": Object {
-                                        "formFactor": "BICYCLE",
-                                      },
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                              <li
+                                                key="2"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="2"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 116,
+                                                      "headsign": "Sand Point",
+                                                      "realtimeDeparture": 52601,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 52485,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "62",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 116,
+                                                        "headsign": "Sand Point",
+                                                        "realtimeDeparture": 52601,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 52485,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "62",
+                                                          },
+                                                        },
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
+                                                      <Styled(styled.span)
+                                                        style={
                                                           Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
                                                           }
                                                         }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
+                                                        title="components.StopTimeCell.realtime"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.realtime"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
+                                                            >
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 448 512"
+                                                              >
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                    fill="currentColor"
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.late"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 116,
+                                                              "headsign": "Sand Point",
+                                                              "realtimeDeparture": 52601,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 52485,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "62",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:36:41.000Z}
+                                                          >
+                                                            2:36 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="2"
+                                    pattern={
+                                      Object {
+                                        "headsign": "University District Sand Point",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "79",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "79",
+                                        "textColor": null,
+                                        "type": 3,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 52248,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52248,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 55848,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 55848,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 56748,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56748,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 59448,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 59448,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Sand Point",
+                                          "realtimeDeparture": 63048,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 63048,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#333333",
+                                              "color": "#ffffff",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="79"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Metro Transit",
+                                                    "mode": "BUS",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": null,
+                                                    "routeLongName": null,
+                                                    "routeShortName": "79",
+                                                    "routeTextColor": null,
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "20px",
+                                                  }
+                                                }
                                               >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
+                                                <styled.span
+                                                  color="333333"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "20px",
+                                                    }
+                                                  }
+                                                  title="79"
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <span
+                                                    className="sc-ihmZXn lggToK"
+                                                    color="333333"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "20px",
+                                                      }
+                                                    }
+                                                    title="79"
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
+                                                    79
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
                                             </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
                                             <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="University District Sand Point"
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
+                                              University District Sand Point
                                             </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                          </div>
-                        </styled.div>
-                      </Vehicle>
-                    </Connect(Vehicle)>
-                  </div>
-                </li>
-                <li
-                  className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh"
-                >
-                  <div
-                    onBlur={[Function]}
-                    onFocus={[Function]}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    tabIndex={0}
-                  >
-                    <Connect(Vehicle)
-                      fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
-                            Object {
-                              "__typename": "RentalVehicle",
-                              "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                              "lat": 47.6757,
-                              "lon": -122.3174,
-                              "name": "Default vehicle type",
-                              "network": "lime_seattle",
-                              "operative": true,
-                              "rentalUris": null,
-                              "vehicleType": Object {
-                                "formFactor": "BICYCLE",
-                              },
-                            }
-                          }
-                        />
-                      }
-                      vehicle={
-                        Object {
-                          "__typename": "RentalVehicle",
-                          "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                          "lat": 47.6757,
-                          "lon": -122.3174,
-                          "name": "Default vehicle type",
-                          "network": "lime_seattle",
-                          "operative": true,
-                          "rentalUris": null,
-                          "vehicleType": Object {
-                            "formFactor": "BICYCLE",
-                          },
-                        }
-                      }
-                    >
-                      <Vehicle
-                        dispatch={[Function]}
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "RentalVehicle",
-                                "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                                "lat": 47.6757,
-                                "lon": -122.3174,
-                                "name": "Default vehicle type",
-                                "network": "lime_seattle",
-                                "operative": true,
-                                "rentalUris": null,
-                                "vehicleType": Object {
-                                  "formFactor": "BICYCLE",
-                                },
-                              }
-                            }
-                          />
-                        }
-                        vehicle={
-                          Object {
-                            "__typename": "RentalVehicle",
-                            "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                            "lat": 47.6757,
-                            "lon": -122.3174,
-                            "name": "Default vehicle type",
-                            "network": "lime_seattle",
-                            "operative": true,
-                            "rentalUris": null,
-                            "vehicleType": Object {
-                              "formFactor": "BICYCLE",
-                            },
-                          }
-                        }
-                      >
-                        <styled.div>
-                          <div
-                            className="sc-cVksOY hGVfg"
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={
-                                        <StationIcon
-                                          companyLabel=""
-                                          vehicle={
-                                            Object {
-                                              "__typename": "RentalVehicle",
-                                              "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                                              "lat": 47.6757,
-                                              "lon": -122.3174,
-                                              "name": "Default vehicle type",
-                                              "network": "lime_seattle",
-                                              "operative": true,
-                                              "rentalUris": null,
-                                              "vehicleType": Object {
-                                                "formFactor": "BICYCLE",
-                                              },
-                                            }
-                                          }
-                                        />
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <StationIcon
-                                              companyLabel=""
-                                              vehicle={
-                                                Object {
-                                                  "__typename": "RentalVehicle",
-                                                  "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                                                  "lat": 47.6757,
-                                                  "lon": -122.3174,
-                                                  "name": "Default vehicle type",
-                                                  "network": "lime_seattle",
-                                                  "operative": true,
-                                                  "rentalUris": null,
-                                                  "vehicleType": Object {
-                                                    "formFactor": "BICYCLE",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Suspense
-                                                fallback={
-                                                  <span>
-                                                    
-                                                  </span>
-                                                }
-                                              >
-                                                <span />
-                                              </Suspense>
-                                            </StationIcon>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          components.NearbyView.companyBicycle
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "RentalVehicle",
-                                      "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
-                                      "lat": 47.6757,
-                                      "lon": -122.3174,
-                                      "name": "Default vehicle type",
-                                      "network": "lime_seattle",
-                                      "operative": true,
-                                      "rentalUris": null,
-                                      "vehicleType": Object {
-                                        "formFactor": "BICYCLE",
-                                      },
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="friday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.friday"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                          common.daysOfWeek.friday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
+                                              <li
+                                                key="0"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "University District Sand Point",
+                                                      "realtimeDeparture": 52248,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 52248,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "79",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "University District Sand Point",
+                                                        "realtimeDeparture": 52248,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 52248,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "79",
+                                                          },
+                                                        },
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
+                                                      <Styled(styled.span)
+                                                        style={
                                                           Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
                                                           }
                                                         }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
+                                                        title="components.StopTimeCell.scheduled"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                          </div>
-                        </styled.div>
-                      </Vehicle>
-                    </Connect(Vehicle)>
-                  </div>
-                </li>
-                <li
-                  className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj"
-                >
-                  <div
-                    onBlur={[Function]}
-                    onFocus={[Function]}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    tabIndex={0}
-                  >
-                    <Connect(Vehicle)
-                      fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
-                            Object {
-                              "__typename": "RentalVehicle",
-                              "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                              "lat": 47.6764,
-                              "lon": -122.3162,
-                              "name": "Default vehicle type",
-                              "network": "lime_seattle",
-                              "operative": true,
-                              "rentalUris": null,
-                              "vehicleType": Object {
-                                "formFactor": "BICYCLE",
-                              },
-                            }
-                          }
-                        />
-                      }
-                      vehicle={
-                        Object {
-                          "__typename": "RentalVehicle",
-                          "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                          "lat": 47.6764,
-                          "lon": -122.3162,
-                          "name": "Default vehicle type",
-                          "network": "lime_seattle",
-                          "operative": true,
-                          "rentalUris": null,
-                          "vehicleType": Object {
-                            "formFactor": "BICYCLE",
-                          },
-                        }
-                      }
-                    >
-                      <Vehicle
-                        dispatch={[Function]}
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "RentalVehicle",
-                                "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                                "lat": 47.6764,
-                                "lon": -122.3162,
-                                "name": "Default vehicle type",
-                                "network": "lime_seattle",
-                                "operative": true,
-                                "rentalUris": null,
-                                "vehicleType": Object {
-                                  "formFactor": "BICYCLE",
-                                },
-                              }
-                            }
-                          />
-                        }
-                        vehicle={
-                          Object {
-                            "__typename": "RentalVehicle",
-                            "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                            "lat": 47.6764,
-                            "lon": -122.3162,
-                            "name": "Default vehicle type",
-                            "network": "lime_seattle",
-                            "operative": true,
-                            "rentalUris": null,
-                            "vehicleType": Object {
-                              "formFactor": "BICYCLE",
-                            },
-                          }
-                        }
-                      >
-                        <styled.div>
-                          <div
-                            className="sc-cVksOY hGVfg"
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={
-                                        <StationIcon
-                                          companyLabel=""
-                                          vehicle={
-                                            Object {
-                                              "__typename": "RentalVehicle",
-                                              "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                                              "lat": 47.6764,
-                                              "lon": -122.3162,
-                                              "name": "Default vehicle type",
-                                              "network": "lime_seattle",
-                                              "operative": true,
-                                              "rentalUris": null,
-                                              "vehicleType": Object {
-                                                "formFactor": "BICYCLE",
-                                              },
-                                            }
-                                          }
-                                        />
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <StationIcon
-                                              companyLabel=""
-                                              vehicle={
-                                                Object {
-                                                  "__typename": "RentalVehicle",
-                                                  "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                                                  "lat": 47.6764,
-                                                  "lon": -122.3162,
-                                                  "name": "Default vehicle type",
-                                                  "network": "lime_seattle",
-                                                  "operative": true,
-                                                  "rentalUris": null,
-                                                  "vehicleType": Object {
-                                                    "formFactor": "BICYCLE",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Suspense
-                                                fallback={
-                                                  <span>
-                                                    
-                                                  </span>
-                                                }
-                                              >
-                                                <span />
-                                              </Suspense>
-                                            </StationIcon>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          components.NearbyView.companyBicycle
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "RentalVehicle",
-                                      "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
-                                      "lat": 47.6764,
-                                      "lon": -122.3162,
-                                      "name": "Default vehicle type",
-                                      "network": "lime_seattle",
-                                      "operative": true,
-                                      "rentalUris": null,
-                                      "vehicleType": Object {
-                                        "formFactor": "BICYCLE",
-                                      },
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "University District Sand Point",
+                                                              "realtimeDeparture": 52248,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 52248,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "79",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:30:48.000Z}
+                                                          >
+                                                            2:30 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="1"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="1"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "University District Sand Point",
+                                                      "realtimeDeparture": 55848,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 55848,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "79",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "University District Sand Point",
+                                                        "realtimeDeparture": 55848,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 55848,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "79",
+                                                          },
+                                                        },
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
+                                                      <Styled(styled.span)
+                                                        style={
                                                           Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
                                                           }
                                                         }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
+                                                        title="components.StopTimeCell.scheduled"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "University District Sand Point",
+                                                              "realtimeDeparture": 55848,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 55848,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "79",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T23:30:48.000Z}
+                                                          >
+                                                            3:30 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="2"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="2"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "University District Sand Point",
+                                                      "realtimeDeparture": 56748,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 56748,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "79",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "University District Sand Point",
+                                                        "realtimeDeparture": 56748,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 56748,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "79",
+                                                          },
+                                                        },
                                                       }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
+                                                      <Styled(styled.span)
+                                                        style={
                                                           Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
                                                           }
                                                         }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
+                                                        title="components.StopTimeCell.scheduled"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "University District Sand Point",
+                                                              "realtimeDeparture": 56748,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 56748,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "79",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T23:45:48.000Z}
+                                                          >
+                                                            3:45 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="3"
+                                    pattern={
+                                      Object {
+                                        "headsign": "Madrona Special",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "988",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "988",
+                                        "textColor": null,
+                                        "type": 3,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Madrona Special",
+                                          "realtimeDeparture": 56940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "988",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#333333",
+                                              "color": "#ffffff",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="988"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Metro Transit",
+                                                    "mode": "BUS",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": null,
+                                                    "routeLongName": null,
+                                                    "routeShortName": "988",
+                                                    "routeTextColor": null,
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "16px",
+                                                  }
+                                                }
+                                              >
+                                                <styled.span
+                                                  color="333333"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "16px",
+                                                    }
+                                                  }
+                                                  title="988"
+                                                >
+                                                  <span
+                                                    className="sc-ihmZXn lggToK"
+                                                    color="333333"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "16px",
+                                                      }
+                                                    }
+                                                    title="988"
+                                                  >
+                                                    988
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
+                                            </span>
+                                            <span
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="Madrona Special"
+                                            >
+                                              Madrona Special
+                                            </span>
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
+                                            >
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
+                                              >
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
+                                                      }
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                      >
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="friday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.friday"
+                                                        >
+                                                          common.daysOfWeek.friday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
+                                              <li
+                                                key="0"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "Madrona Special",
+                                                      "realtimeDeparture": 56940,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 56940,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "988",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "Madrona Special",
+                                                        "realtimeDeparture": 56940,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 56940,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "988",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "Madrona Special",
+                                                              "realtimeDeparture": 56940,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 56940,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "988",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T23:49:00.000Z}
+                                                          >
+                                                            3:49 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                </ul>
+                              </styled.ul>
+                            </div>
                           </div>
                         </styled.div>
-                      </Vehicle>
-                    </Connect(Vehicle)>
+                      </Stop>
+                    </Connect(Stop)>
                   </div>
                 </li>
                 <li
                   className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz"
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3"
                 >
                   <div
                     onBlur={[Function]}
@@ -23536,15 +30431,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                              "lat": 47.6754,
-                              "lon": -122.3173,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                              "lat": 47.675,
+                              "lon": -122.3157,
                               "name": "Default vehicle type",
                               "network": "lime_seattle",
                               "operative": true,
@@ -23560,9 +30454,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                         Object {
                           "__typename": "RentalVehicle",
                           "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                          "lat": 47.6754,
-                          "lon": -122.3173,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                          "lat": 47.675,
+                          "lon": -122.3157,
                           "name": "Default vehicle type",
                           "network": "lime_seattle",
                           "operative": true,
@@ -23576,15 +30470,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                                "lat": 47.6754,
-                                "lon": -122.3173,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                                "lat": 47.675,
+                                "lon": -122.3157,
                                 "name": "Default vehicle type",
                                 "network": "lime_seattle",
                                 "operative": true,
@@ -23600,9 +30493,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           Object {
                             "__typename": "RentalVehicle",
                             "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                            "lat": 47.6754,
-                            "lon": -122.3173,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                            "lat": 47.675,
+                            "lon": -122.3157,
                             "name": "Default vehicle type",
                             "network": "lime_seattle",
                             "operative": true,
@@ -23619,11 +30512,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -23633,9 +30526,9 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             Object {
                                               "__typename": "RentalVehicle",
                                               "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                                              "lat": 47.6754,
-                                              "lon": -122.3173,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                                              "lat": 47.675,
+                                              "lon": -122.3157,
                                               "name": "Default vehicle type",
                                               "network": "lime_seattle",
                                               "operative": true,
@@ -23665,10 +30558,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                 Object {
                                                   "__typename": "RentalVehicle",
                                                   "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                                                  "lat": 47.6754,
-                                                  "lon": -122.3173,
-                                                  "name": "Default vehicle type",
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                                                  "lat": 47.675,
+                                                  "lon": -122.3157,
+                                                  "name": "Default vehicle type",
                                                   "network": "lime_seattle",
                                                   "operative": true,
                                                   "rentalUris": null,
@@ -23703,15 +30596,14 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
-                                      "lat": 47.6754,
-                                      "lon": -122.3173,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                                      "lat": 47.675,
+                                      "lon": -122.3157,
                                       "name": "Default vehicle type",
                                       "network": "lime_seattle",
                                       "operative": true,
@@ -23722,56 +30614,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTg5MDZiYTctMmU2NC00ZDk4LWI0ZGYtNmJjNDBlZTVkYzc3",
+                                        "lat": 47.675,
+                                        "lon": -122.3157,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -23782,73 +30681,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -23859,48 +30758,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -23911,7 +30823,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                 </li>
                 <li
                   className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy"
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh"
                 >
                   <div
                     onBlur={[Function]}
@@ -23922,14 +30834,13 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                              "lat": 47.6754,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                              "lat": 47.6757,
                               "lon": -122.3174,
                               "name": "Default vehicle type",
                               "network": "lime_seattle",
@@ -23946,8 +30857,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                         Object {
                           "__typename": "RentalVehicle",
                           "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                          "lat": 47.6754,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                          "lat": 47.6757,
                           "lon": -122.3174,
                           "name": "Default vehicle type",
                           "network": "lime_seattle",
@@ -23962,14 +30873,13 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                                "lat": 47.6754,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                                "lat": 47.6757,
                                 "lon": -122.3174,
                                 "name": "Default vehicle type",
                                 "network": "lime_seattle",
@@ -23986,8 +30896,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           Object {
                             "__typename": "RentalVehicle",
                             "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                            "lat": 47.6754,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                            "lat": 47.6757,
                             "lon": -122.3174,
                             "name": "Default vehicle type",
                             "network": "lime_seattle",
@@ -24005,11 +30915,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -24019,8 +30929,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             Object {
                                               "__typename": "RentalVehicle",
                                               "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                                              "lat": 47.6754,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                                              "lat": 47.6757,
                                               "lon": -122.3174,
                                               "name": "Default vehicle type",
                                               "network": "lime_seattle",
@@ -24051,8 +30961,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                 Object {
                                                   "__typename": "RentalVehicle",
                                                   "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                                                  "lat": 47.6754,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                                                  "lat": 47.6757,
                                                   "lon": -122.3174,
                                                   "name": "Default vehicle type",
                                                   "network": "lime_seattle",
@@ -24089,14 +30999,13 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
-                                      "lat": 47.6754,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                                      "lat": 47.6757,
                                       "lon": -122.3174,
                                       "name": "Default vehicle type",
                                       "network": "lime_seattle",
@@ -24108,56 +31017,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTU0NzM5MWEtMzZmNS00YjNkLWI3NWItZmI2YWExY2JjMjdh",
+                                        "lat": 47.6757,
+                                        "lon": -122.3174,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -24168,73 +31084,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -24245,48 +31161,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -24297,7 +31226,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                 </li>
                 <li
                   className=""
-                  key="U3RvcDprY206MTY0NDA"
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj"
                 >
                   <div
                     onBlur={[Function]}
@@ -24306,2928 +31235,2228 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                     onMouseLeave={[Function]}
                     tabIndex={0}
                   >
-                    <Connect(Stop)
+                    <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
-                              "__typename": "Stop",
-                              "code": "16440",
-                              "gtfsId": "kcm:16440",
-                              "id": "U3RvcDprY206MTY0NDA",
-                              "lat": 47.675457,
-                              "lon": -122.317467,
-                              "name": "Roosevelt Station Bay 5 - Bay 5",
-                              "stoptimesForPatterns": Array [
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "University District Maple Leaf",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "kcm:1",
-                                        "name": "Metro Transit",
-                                      },
-                                      "color": null,
-                                      "longName": null,
-                                      "mode": "BUS",
-                                      "shortName": "73",
-                                      "textColor": null,
-                                      "type": 3,
-                                    },
-                                  },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 51360,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 51360,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 54060,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 54060,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 55860,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 55860,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 57660,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 57660,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 59460,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 59460,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 24000,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 24000,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 27720,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 27720,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 31320,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 31320,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
+                              "__typename": "RentalVehicle",
+                              "allowPickupNow": true,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                              "lat": 47.6764,
+                              "lon": -122.3162,
+                              "name": "Default vehicle type",
+                              "network": "lime_seattle",
+                              "operative": true,
+                              "rentalUris": null,
+                              "vehicleType": Object {
+                                "formFactor": "BICYCLE",
+                              },
+                            }
+                          }
+                        />
+                      }
+                      vehicle={
+                        Object {
+                          "__typename": "RentalVehicle",
+                          "allowPickupNow": true,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                          "lat": 47.6764,
+                          "lon": -122.3162,
+                          "name": "Default vehicle type",
+                          "network": "lime_seattle",
+                          "operative": true,
+                          "rentalUris": null,
+                          "vehicleType": Object {
+                            "formFactor": "BICYCLE",
+                          },
+                        }
+                      }
+                    >
+                      <Vehicle
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "RentalVehicle",
+                                "allowPickupNow": true,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                                "lat": 47.6764,
+                                "lon": -122.3162,
+                                "name": "Default vehicle type",
+                                "network": "lime_seattle",
+                                "operative": true,
+                                "rentalUris": null,
+                                "vehicleType": Object {
+                                  "formFactor": "BICYCLE",
+                                },
+                              }
+                            }
+                          />
+                        }
+                        vehicle={
+                          Object {
+                            "__typename": "RentalVehicle",
+                            "allowPickupNow": true,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                            "lat": 47.6764,
+                            "lon": -122.3162,
+                            "name": "Default vehicle type",
+                            "network": "lime_seattle",
+                            "operative": true,
+                            "rentalUris": null,
+                            "vehicleType": Object {
+                              "formFactor": "BICYCLE",
+                            },
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <styled.div>
+                              <div
+                                className="sc-kHNMIv jPJsOC"
+                              >
+                                <styled.p>
+                                  <p
+                                    className="sc-ksXiFW ljNmEi"
+                                  >
+                                    <IconWithText
+                                      icon={
+                                        <StationIcon
+                                          companyLabel=""
+                                          vehicle={
+                                            Object {
+                                              "__typename": "RentalVehicle",
+                                              "allowPickupNow": true,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                                              "lat": 47.6764,
+                                              "lon": -122.3162,
+                                              "name": "Default vehicle type",
+                                              "network": "lime_seattle",
+                                              "operative": true,
+                                              "rentalUris": null,
+                                              "vehicleType": Object {
+                                                "formFactor": "BICYCLE",
+                                              },
+                                            }
+                                          }
+                                        />
+                                      }
+                                    >
+                                      <div
+                                        style={
+                                          Object {
+                                            "display": "contents",
+                                          }
+                                        }
+                                      >
+                                        <Styled(styled.span)>
+                                          <span
+                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                          >
+                                            <StationIcon
+                                              companyLabel=""
+                                              vehicle={
+                                                Object {
+                                                  "__typename": "RentalVehicle",
+                                                  "allowPickupNow": true,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                                                  "lat": 47.6764,
+                                                  "lon": -122.3162,
+                                                  "name": "Default vehicle type",
+                                                  "network": "lime_seattle",
+                                                  "operative": true,
+                                                  "rentalUris": null,
+                                                  "vehicleType": Object {
+                                                    "formFactor": "BICYCLE",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Suspense
+                                                fallback={
+                                                  <span>
+                                                    
+                                                  </span>
+                                                }
+                                              >
+                                                <span />
+                                              </Suspense>
+                                            </StationIcon>
+                                          </span>
+                                        </Styled(styled.span)>
+                                        <span>
+                                          components.NearbyView.companyBicycle
+                                        </span>
+                                      </div>
+                                    </IconWithText>
+                                  </p>
+                                </styled.p>
+                              </div>
+                            </styled.div>
+                            <styled.div>
+                              <div
+                                className="sc-bGqPaL gRnQOF"
+                              >
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 35160,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 35160,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
+                                      "__typename": "RentalVehicle",
+                                      "allowPickupNow": true,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                                      "lat": 47.6764,
+                                      "lon": -122.3162,
+                                      "name": "Default vehicle type",
+                                      "network": "lime_seattle",
+                                      "operative": true,
+                                      "rentalUris": null,
+                                      "vehicleType": Object {
+                                        "formFactor": "BICYCLE",
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 38940,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 38940,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
+                                    }
+                                  }
+                                >
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NmMyNDRhZjEtZjJjOC00N2JhLWIzOTMtNDhkMGVhY2ZlMDFj",
+                                        "lat": 47.6764,
+                                        "lon": -122.3162,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
                                         },
-                                      },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "Downtown Seattle Special",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "kcm:1",
-                                        "name": "Metro Transit",
-                                      },
-                                      "color": null,
-                                      "longName": null,
-                                      "mode": "BUS",
-                                      "shortName": "984",
-                                      "textColor": null,
-                                      "type": 3,
-                                    },
-                                  },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Downtown Seattle Special",
-                                      "realtimeDeparture": 66122,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 66122,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "984",
-                                        },
-                                      },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "University District Maple Leaf",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "kcm:1",
-                                        "name": "Metro Transit",
-                                      },
-                                      "color": null,
-                                      "longName": null,
-                                      "mode": "BUS",
-                                      "shortName": "73",
-                                      "textColor": null,
-                                      "type": 3,
-                                    },
-                                  },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 38940,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 38940,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 35160,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 35160,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 31320,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 31320,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 27720,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 27720,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Maple Leaf",
-                                      "realtimeDeparture": 24000,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 24000,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "73",
-                                        },
-                                      },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "University District Roosevelt",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "kcm:1",
-                                        "name": "Metro Transit",
-                                      },
-                                      "color": null,
-                                      "longName": null,
-                                      "mode": "BUS",
-                                      "shortName": "67",
-                                      "textColor": null,
-                                      "type": 3,
-                                    },
-                                  },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 269,
-                                      "headsign": "University District Roosevelt",
-                                      "realtimeDeparture": 50471,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 50202,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "67",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Roosevelt",
-                                      "realtimeDeparture": 51102,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 51102,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "67",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Roosevelt",
-                                      "realtimeDeparture": 52002,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 52002,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "67",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Roosevelt",
-                                      "realtimeDeparture": 52922,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 52922,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "67",
-                                        },
-                                      },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "University District Roosevelt",
-                                      "realtimeDeparture": 53822,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 53822,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "67",
-                                        },
-                                      },
-                                    },
-                                  ],
-                                },
-                              ],
+                                      }
+                                    }
+                                    setLocation={[Function]}
+                                  >
+                                    <span
+                                      role="group"
+                                    >
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="from"
+                                                >
+                                                  <Styled(DotCircle)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <DotCircle
+                                                      className="sc-aKXVD bNLtzV"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 512 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 384 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
+                              </div>
+                            </styled.div>
+                          </div>
+                        </styled.div>
+                      </Vehicle>
+                    </Connect(Vehicle)>
+                  </div>
+                </li>
+                <li
+                  className=""
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz"
+                >
+                  <div
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    tabIndex={0}
+                  >
+                    <Connect(Vehicle)
+                      fromToSlot={
+                        <Memo(Connect(FromToPicker))
+                          place={
+                            Object {
+                              "__typename": "RentalVehicle",
+                              "allowPickupNow": true,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                              "lat": 47.6754,
+                              "lon": -122.3173,
+                              "name": "Default vehicle type",
+                              "network": "lime_seattle",
+                              "operative": true,
+                              "rentalUris": null,
+                              "vehicleType": Object {
+                                "formFactor": "BICYCLE",
+                              },
                             }
                           }
                         />
                       }
-                      showOperatorLogo={true}
-                      stopData={
+                      vehicle={
                         Object {
-                          "__typename": "Stop",
-                          "code": "16440",
-                          "gtfsId": "kcm:16440",
-                          "id": "U3RvcDprY206MTY0NDA",
-                          "lat": 47.675457,
-                          "lon": -122.317467,
-                          "name": "Roosevelt Station Bay 5 - Bay 5",
-                          "stoptimesForPatterns": Array [
-                            Object {
-                              "pattern": Object {
-                                "headsign": "University District Maple Leaf",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "kcm:1",
-                                    "name": "Metro Transit",
-                                  },
-                                  "color": null,
-                                  "longName": null,
-                                  "mode": "BUS",
-                                  "shortName": "73",
-                                  "textColor": null,
-                                  "type": 3,
-                                },
-                              },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 51360,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 51360,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 54060,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 54060,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 55860,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 55860,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 57660,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 57660,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 59460,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 59460,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 24000,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 24000,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 27720,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 27720,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 31320,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 31320,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 35160,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 35160,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 38940,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 38940,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
+                          "__typename": "RentalVehicle",
+                          "allowPickupNow": true,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                          "lat": 47.6754,
+                          "lon": -122.3173,
+                          "name": "Default vehicle type",
+                          "network": "lime_seattle",
+                          "operative": true,
+                          "rentalUris": null,
+                          "vehicleType": Object {
+                            "formFactor": "BICYCLE",
+                          },
+                        }
+                      }
+                    >
+                      <Vehicle
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "RentalVehicle",
+                                "allowPickupNow": true,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                                "lat": 47.6754,
+                                "lon": -122.3173,
+                                "name": "Default vehicle type",
+                                "network": "lime_seattle",
+                                "operative": true,
+                                "rentalUris": null,
+                                "vehicleType": Object {
+                                  "formFactor": "BICYCLE",
                                 },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Downtown Seattle Special",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "kcm:1",
-                                    "name": "Metro Transit",
-                                  },
-                                  "color": null,
-                                  "longName": null,
-                                  "mode": "BUS",
-                                  "shortName": "984",
-                                  "textColor": null,
-                                  "type": 3,
-                                },
-                              },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Downtown Seattle Special",
-                                  "realtimeDeparture": 66122,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 66122,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "984",
-                                    },
-                                  },
-                                },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "University District Maple Leaf",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "kcm:1",
-                                    "name": "Metro Transit",
-                                  },
-                                  "color": null,
-                                  "longName": null,
-                                  "mode": "BUS",
-                                  "shortName": "73",
-                                  "textColor": null,
-                                  "type": 3,
-                                },
-                              },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 38940,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 38940,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 35160,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 35160,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 31320,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 31320,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 27720,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 27720,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Maple Leaf",
-                                  "realtimeDeparture": 24000,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 24000,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "73",
-                                    },
-                                  },
-                                },
-                              ],
+                              }
+                            }
+                          />
+                        }
+                        vehicle={
+                          Object {
+                            "__typename": "RentalVehicle",
+                            "allowPickupNow": true,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                            "lat": 47.6754,
+                            "lon": -122.3173,
+                            "name": "Default vehicle type",
+                            "network": "lime_seattle",
+                            "operative": true,
+                            "rentalUris": null,
+                            "vehicleType": Object {
+                              "formFactor": "BICYCLE",
                             },
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <styled.div>
+                              <div
+                                className="sc-kHNMIv jPJsOC"
+                              >
+                                <styled.p>
+                                  <p
+                                    className="sc-ksXiFW ljNmEi"
+                                  >
+                                    <IconWithText
+                                      icon={
+                                        <StationIcon
+                                          companyLabel=""
+                                          vehicle={
+                                            Object {
+                                              "__typename": "RentalVehicle",
+                                              "allowPickupNow": true,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                                              "lat": 47.6754,
+                                              "lon": -122.3173,
+                                              "name": "Default vehicle type",
+                                              "network": "lime_seattle",
+                                              "operative": true,
+                                              "rentalUris": null,
+                                              "vehicleType": Object {
+                                                "formFactor": "BICYCLE",
+                                              },
+                                            }
+                                          }
+                                        />
+                                      }
+                                    >
+                                      <div
+                                        style={
+                                          Object {
+                                            "display": "contents",
+                                          }
+                                        }
+                                      >
+                                        <Styled(styled.span)>
+                                          <span
+                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                          >
+                                            <StationIcon
+                                              companyLabel=""
+                                              vehicle={
+                                                Object {
+                                                  "__typename": "RentalVehicle",
+                                                  "allowPickupNow": true,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                                                  "lat": 47.6754,
+                                                  "lon": -122.3173,
+                                                  "name": "Default vehicle type",
+                                                  "network": "lime_seattle",
+                                                  "operative": true,
+                                                  "rentalUris": null,
+                                                  "vehicleType": Object {
+                                                    "formFactor": "BICYCLE",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Suspense
+                                                fallback={
+                                                  <span>
+                                                    
+                                                  </span>
+                                                }
+                                              >
+                                                <span />
+                                              </Suspense>
+                                            </StationIcon>
+                                          </span>
+                                        </Styled(styled.span)>
+                                        <span>
+                                          components.NearbyView.companyBicycle
+                                        </span>
+                                      </div>
+                                    </IconWithText>
+                                  </p>
+                                </styled.p>
+                              </div>
+                            </styled.div>
+                            <styled.div>
+                              <div
+                                className="sc-bGqPaL gRnQOF"
+                              >
+                                <Connect(FromToPicker)
+                                  place={
+                                    Object {
+                                      "__typename": "RentalVehicle",
+                                      "allowPickupNow": true,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                                      "lat": 47.6754,
+                                      "lon": -122.3173,
+                                      "name": "Default vehicle type",
+                                      "network": "lime_seattle",
+                                      "operative": true,
+                                      "rentalUris": null,
+                                      "vehicleType": Object {
+                                        "formFactor": "BICYCLE",
+                                      },
+                                    }
+                                  }
+                                >
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NDJjMjA0NWUtZDEyYS00MTg1LTlkNjEtM2ZkNjMwMzQyNjUz",
+                                        "lat": 47.6754,
+                                        "lon": -122.3173,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
+                                  >
+                                    <span
+                                      role="group"
+                                    >
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="from"
+                                                >
+                                                  <Styled(DotCircle)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <DotCircle
+                                                      className="sc-aKXVD bNLtzV"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 512 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 384 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
+                              </div>
+                            </styled.div>
+                          </div>
+                        </styled.div>
+                      </Vehicle>
+                    </Connect(Vehicle)>
+                  </div>
+                </li>
+                <li
+                  className=""
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy"
+                >
+                  <div
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    tabIndex={0}
+                  >
+                    <Connect(Vehicle)
+                      fromToSlot={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
-                              "pattern": Object {
-                                "headsign": "University District Roosevelt",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "kcm:1",
-                                    "name": "Metro Transit",
-                                  },
-                                  "color": null,
-                                  "longName": null,
-                                  "mode": "BUS",
-                                  "shortName": "67",
-                                  "textColor": null,
-                                  "type": 3,
-                                },
+                              "__typename": "RentalVehicle",
+                              "allowPickupNow": true,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                              "lat": 47.6754,
+                              "lon": -122.3174,
+                              "name": "Default vehicle type",
+                              "network": "lime_seattle",
+                              "operative": true,
+                              "rentalUris": null,
+                              "vehicleType": Object {
+                                "formFactor": "BICYCLE",
                               },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 269,
-                                  "headsign": "University District Roosevelt",
-                                  "realtimeDeparture": 50471,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 50202,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "67",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Roosevelt",
-                                  "realtimeDeparture": 51102,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 51102,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "67",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Roosevelt",
-                                  "realtimeDeparture": 52002,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 52002,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "67",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Roosevelt",
-                                  "realtimeDeparture": 52922,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 52922,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "67",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "University District Roosevelt",
-                                  "realtimeDeparture": 53822,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 53822,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "67",
-                                    },
-                                  },
-                                },
-                              ],
-                            },
-                          ],
+                            }
+                          }
+                        />
+                      }
+                      vehicle={
+                        Object {
+                          "__typename": "RentalVehicle",
+                          "allowPickupNow": true,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                          "lat": 47.6754,
+                          "lon": -122.3174,
+                          "name": "Default vehicle type",
+                          "network": "lime_seattle",
+                          "operative": true,
+                          "rentalUris": null,
+                          "vehicleType": Object {
+                            "formFactor": "BICYCLE",
+                          },
                         }
                       }
                     >
-                      <Stop
+                      <Vehicle
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
-                                "__typename": "Stop",
-                                "code": "16440",
-                                "gtfsId": "kcm:16440",
-                                "id": "U3RvcDprY206MTY0NDA",
-                                "lat": 47.675457,
-                                "lon": -122.317467,
-                                "name": "Roosevelt Station Bay 5 - Bay 5",
-                                "stoptimesForPatterns": Array [
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "University District Maple Leaf",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
-                                        },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "73",
-                                        "textColor": null,
-                                        "type": 3,
-                                      },
-                                    },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 51360,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 51360,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 54060,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 54060,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 55860,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 55860,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 57660,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 57660,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 59460,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 59460,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
+                                "__typename": "RentalVehicle",
+                                "allowPickupNow": true,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                                "lat": 47.6754,
+                                "lon": -122.3174,
+                                "name": "Default vehicle type",
+                                "network": "lime_seattle",
+                                "operative": true,
+                                "rentalUris": null,
+                                "vehicleType": Object {
+                                  "formFactor": "BICYCLE",
+                                },
+                              }
+                            }
+                          />
+                        }
+                        vehicle={
+                          Object {
+                            "__typename": "RentalVehicle",
+                            "allowPickupNow": true,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                            "lat": 47.6754,
+                            "lon": -122.3174,
+                            "name": "Default vehicle type",
+                            "network": "lime_seattle",
+                            "operative": true,
+                            "rentalUris": null,
+                            "vehicleType": Object {
+                              "formFactor": "BICYCLE",
+                            },
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <styled.div>
+                              <div
+                                className="sc-kHNMIv jPJsOC"
+                              >
+                                <styled.p>
+                                  <p
+                                    className="sc-ksXiFW ljNmEi"
+                                  >
+                                    <IconWithText
+                                      icon={
+                                        <StationIcon
+                                          companyLabel=""
+                                          vehicle={
+                                            Object {
+                                              "__typename": "RentalVehicle",
+                                              "allowPickupNow": true,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                                              "lat": 47.6754,
+                                              "lon": -122.3174,
+                                              "name": "Default vehicle type",
+                                              "network": "lime_seattle",
+                                              "operative": true,
+                                              "rentalUris": null,
+                                              "vehicleType": Object {
+                                                "formFactor": "BICYCLE",
+                                              },
+                                            }
+                                          }
+                                        />
+                                      }
+                                    >
+                                      <div
+                                        style={
+                                          Object {
+                                            "display": "contents",
+                                          }
+                                        }
+                                      >
+                                        <Styled(styled.span)>
+                                          <span
+                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                          >
+                                            <StationIcon
+                                              companyLabel=""
+                                              vehicle={
+                                                Object {
+                                                  "__typename": "RentalVehicle",
+                                                  "allowPickupNow": true,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                                                  "lat": 47.6754,
+                                                  "lon": -122.3174,
+                                                  "name": "Default vehicle type",
+                                                  "network": "lime_seattle",
+                                                  "operative": true,
+                                                  "rentalUris": null,
+                                                  "vehicleType": Object {
+                                                    "formFactor": "BICYCLE",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Suspense
+                                                fallback={
+                                                  <span>
+                                                    
+                                                  </span>
+                                                }
+                                              >
+                                                <span />
+                                              </Suspense>
+                                            </StationIcon>
+                                          </span>
+                                        </Styled(styled.span)>
+                                        <span>
+                                          components.NearbyView.companyBicycle
+                                        </span>
+                                      </div>
+                                    </IconWithText>
+                                  </p>
+                                </styled.p>
+                              </div>
+                            </styled.div>
+                            <styled.div>
+                              <div
+                                className="sc-bGqPaL gRnQOF"
+                              >
+                                <Connect(FromToPicker)
+                                  place={
+                                    Object {
+                                      "__typename": "RentalVehicle",
+                                      "allowPickupNow": true,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                                      "lat": 47.6754,
+                                      "lon": -122.3174,
+                                      "name": "Default vehicle type",
+                                      "network": "lime_seattle",
+                                      "operative": true,
+                                      "rentalUris": null,
+                                      "vehicleType": Object {
+                                        "formFactor": "BICYCLE",
                                       },
+                                    }
+                                  }
+                                >
+                                  <FromToPicker
+                                    place={
                                       Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 24000,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 24000,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6NTZkNTJkNzktOGMwZC00NzJiLThlMzgtZjgwMGJjZTBhN2Iy",
+                                        "lat": 47.6754,
+                                        "lon": -122.3174,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
                                         },
+                                      }
+                                    }
+                                    setLocation={[Function]}
+                                  >
+                                    <span
+                                      role="group"
+                                    >
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="from"
+                                                >
+                                                  <Styled(DotCircle)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <DotCircle
+                                                      className="sc-aKXVD bNLtzV"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 512 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 384 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
+                              </div>
+                            </styled.div>
+                          </div>
+                        </styled.div>
+                      </Vehicle>
+                    </Connect(Vehicle)>
+                  </div>
+                </li>
+                <li
+                  className=""
+                  key="U3RvcDprY206MTY0NDA"
+                >
+                  <div
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    tabIndex={0}
+                  >
+                    <Connect(Stop)
+                      fromToSlot={
+                        <Memo(Connect(FromToPicker))
+                          place={
+                            Object {
+                              "__typename": "Stop",
+                              "code": "16440",
+                              "gtfsId": "kcm:16440",
+                              "id": "U3RvcDprY206MTY0NDA",
+                              "lat": 47.675457,
+                              "lon": -122.317467,
+                              "name": "Roosevelt Station Bay 5 - Bay 5",
+                              "stoptimesForPatterns": Array [
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "University District Maple Leaf",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "kcm:1",
+                                        "name": "Metro Transit",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 27720,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 27720,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                      "color": null,
+                                      "longName": null,
+                                      "mode": "BUS",
+                                      "shortName": "73",
+                                      "textColor": null,
+                                      "type": 3,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 51360,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 51360,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 31320,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 31320,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 54060,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 54060,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 35160,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 35160,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 55860,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 55860,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 38940,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 38940,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 57660,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 57660,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "Downtown Seattle Special",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 59460,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 59460,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "984",
-                                        "textColor": null,
-                                        "type": 3,
                                       },
                                     },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Downtown Seattle Special",
-                                        "realtimeDeparture": 66122,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 66122,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "984",
-                                          },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 24000,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 24000,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
                                       "headsign": "University District Maple Leaf",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
+                                      "realtimeDeparture": 27720,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 27720,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "73",
-                                        "textColor": null,
-                                        "type": 3,
                                       },
                                     },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 38940,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 38940,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 31320,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 31320,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 35160,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 35160,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 35160,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 35160,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 31320,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 31320,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 38940,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 38940,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 27720,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 27720,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Downtown Seattle Special",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "kcm:1",
+                                        "name": "Metro Transit",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Maple Leaf",
-                                        "realtimeDeparture": 24000,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 24000,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "73",
-                                          },
-                                        },
-                                      },
-                                    ],
+                                      "color": null,
+                                      "longName": null,
+                                      "mode": "BUS",
+                                      "shortName": "984",
+                                      "textColor": null,
+                                      "type": 3,
+                                    },
                                   },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "University District Roosevelt",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Downtown Seattle Special",
+                                      "realtimeDeparture": 66122,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 66122,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "984",
                                         },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "67",
-                                        "textColor": null,
-                                        "type": 3,
                                       },
                                     },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 269,
-                                        "headsign": "University District Roosevelt",
-                                        "realtimeDeparture": 50471,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 50202,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "67",
-                                          },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "University District Maple Leaf",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "kcm:1",
+                                        "name": "Metro Transit",
+                                      },
+                                      "color": null,
+                                      "longName": null,
+                                      "mode": "BUS",
+                                      "shortName": "73",
+                                      "textColor": null,
+                                      "type": 3,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 38940,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 38940,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Roosevelt",
-                                        "realtimeDeparture": 51102,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 51102,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "67",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 35160,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 35160,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Roosevelt",
-                                        "realtimeDeparture": 52002,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 52002,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "67",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 31320,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 31320,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Roosevelt",
-                                        "realtimeDeparture": 52922,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 52922,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "67",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 27720,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 27720,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "University District Roosevelt",
-                                        "realtimeDeparture": 53822,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 53822,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "67",
-                                          },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Maple Leaf",
+                                      "realtimeDeparture": 24000,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 24000,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "73",
                                         },
                                       },
-                                    ],
-                                  },
-                                ],
-                              }
-                            }
-                          />
-                        }
-                        homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
-                        stopData={
-                          Object {
-                            "__typename": "Stop",
-                            "code": "16440",
-                            "gtfsId": "kcm:16440",
-                            "id": "U3RvcDprY206MTY0NDA",
-                            "lat": 47.675457,
-                            "lon": -122.317467,
-                            "name": "Roosevelt Station Bay 5 - Bay 5",
-                            "stoptimesForPatterns": Array [
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "University District Maple Leaf",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
                                     },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "73",
-                                    "textColor": null,
-                                    "type": 3,
-                                  },
+                                  ],
                                 },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 51360,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 51360,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "University District Roosevelt",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "kcm:1",
+                                        "name": "Metro Transit",
                                       },
+                                      "color": null,
+                                      "longName": null,
+                                      "mode": "BUS",
+                                      "shortName": "67",
+                                      "textColor": null,
+                                      "type": 3,
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 54060,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 54060,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 269,
+                                      "headsign": "University District Roosevelt",
+                                      "realtimeDeparture": 50471,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 50202,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "67",
+                                        },
                                       },
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 55860,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 55860,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Roosevelt",
+                                      "realtimeDeparture": 51102,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 51102,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "67",
+                                        },
                                       },
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 57660,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 57660,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Roosevelt",
+                                      "realtimeDeparture": 52002,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 52002,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "67",
+                                        },
                                       },
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 59460,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 59460,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Roosevelt",
+                                      "realtimeDeparture": 52922,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 52922,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "67",
+                                        },
                                       },
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 24000,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24000,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "University District Roosevelt",
+                                      "realtimeDeparture": 53822,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 53822,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "67",
+                                        },
                                       },
                                     },
+                                  ],
+                                },
+                              ],
+                            }
+                          }
+                        />
+                      }
+                      stopData={
+                        Object {
+                          "__typename": "Stop",
+                          "code": "16440",
+                          "gtfsId": "kcm:16440",
+                          "id": "U3RvcDprY206MTY0NDA",
+                          "lat": 47.675457,
+                          "lon": -122.317467,
+                          "name": "Roosevelt Station Bay 5 - Bay 5",
+                          "stoptimesForPatterns": Array [
+                            Object {
+                              "pattern": Object {
+                                "headsign": "University District Maple Leaf",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "kcm:1",
+                                    "name": "Metro Transit",
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 27720,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 27720,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                  "color": null,
+                                  "longName": null,
+                                  "mode": "BUS",
+                                  "shortName": "73",
+                                  "textColor": null,
+                                  "type": 3,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 51360,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 51360,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 31320,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 31320,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 54060,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 54060,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 35160,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 35160,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 55860,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 55860,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 38940,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 38940,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 57660,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 57660,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Downtown Seattle Special",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 59460,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 59460,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "984",
-                                    "textColor": null,
-                                    "type": 3,
                                   },
                                 },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Downtown Seattle Special",
-                                    "realtimeDeparture": 66122,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 66122,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "984",
-                                      },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 24000,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 24000,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
+                                },
+                                Object {
+                                  "departureDelay": 0,
                                   "headsign": "University District Maple Leaf",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
+                                  "realtimeDeparture": 27720,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 27720,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "73",
-                                    "textColor": null,
-                                    "type": 3,
                                   },
                                 },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 38940,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 38940,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 31320,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 31320,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 35160,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 35160,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 35160,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 35160,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 31320,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 31320,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 38940,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 38940,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 27720,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 27720,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                              ],
+                            },
+                            Object {
+                              "pattern": Object {
+                                "headsign": "Downtown Seattle Special",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "kcm:1",
+                                    "name": "Metro Transit",
+                                  },
+                                  "color": null,
+                                  "longName": null,
+                                  "mode": "BUS",
+                                  "shortName": "984",
+                                  "textColor": null,
+                                  "type": 3,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Downtown Seattle Special",
+                                  "realtimeDeparture": 66122,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 66122,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "984",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Maple Leaf",
-                                    "realtimeDeparture": 24000,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24000,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
-                                      },
+                                },
+                              ],
+                            },
+                            Object {
+                              "pattern": Object {
+                                "headsign": "University District Maple Leaf",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "kcm:1",
+                                    "name": "Metro Transit",
+                                  },
+                                  "color": null,
+                                  "longName": null,
+                                  "mode": "BUS",
+                                  "shortName": "73",
+                                  "textColor": null,
+                                  "type": 3,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 38940,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 38940,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
                                     },
                                   },
-                                ],
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 35160,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 35160,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 31320,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 31320,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 27720,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 27720,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Maple Leaf",
+                                  "realtimeDeparture": 24000,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 24000,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "73",
+                                    },
+                                  },
+                                },
+                              ],
+                            },
+                            Object {
+                              "pattern": Object {
+                                "headsign": "University District Roosevelt",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "kcm:1",
+                                    "name": "Metro Transit",
+                                  },
+                                  "color": null,
+                                  "longName": null,
+                                  "mode": "BUS",
+                                  "shortName": "67",
+                                  "textColor": null,
+                                  "type": 3,
+                                },
                               },
-                              Object {
-                                "pattern": Object {
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 269,
                                   "headsign": "University District Roosevelt",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
+                                  "realtimeDeparture": 50471,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 50202,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "67",
                                     },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "67",
-                                    "textColor": null,
-                                    "type": 3,
                                   },
                                 },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 269,
-                                    "headsign": "University District Roosevelt",
-                                    "realtimeDeparture": 50471,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 50202,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "67",
-                                      },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Roosevelt",
+                                  "realtimeDeparture": 51102,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 51102,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "67",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Roosevelt",
-                                    "realtimeDeparture": 51102,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 51102,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "67",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Roosevelt",
+                                  "realtimeDeparture": 52002,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 52002,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "67",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Roosevelt",
-                                    "realtimeDeparture": 52002,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 52002,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "67",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Roosevelt",
+                                  "realtimeDeparture": 52922,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 52922,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "67",
                                     },
                                   },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Roosevelt",
-                                    "realtimeDeparture": 52922,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 52922,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "67",
-                                      },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "University District Roosevelt",
+                                  "realtimeDeparture": 53822,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 53822,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "67",
                                     },
                                   },
+                                },
+                              ],
+                            },
+                          ],
+                        }
+                      }
+                    >
+                      <Stop
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "Stop",
+                                "code": "16440",
+                                "gtfsId": "kcm:16440",
+                                "id": "U3RvcDprY206MTY0NDA",
+                                "lat": 47.675457,
+                                "lon": -122.317467,
+                                "name": "Roosevelt Station Bay 5 - Bay 5",
+                                "stoptimesForPatterns": Array [
                                   Object {
-                                    "departureDelay": 0,
-                                    "headsign": "University District Roosevelt",
-                                    "realtimeDeparture": 53822,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 53822,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
+                                    "pattern": Object {
+                                      "headsign": "University District Maple Leaf",
                                       "route": Object {
-                                        "shortName": "67",
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "73",
+                                        "textColor": null,
+                                        "type": 3,
                                       },
                                     },
-                                  },
-                                ],
-                              },
-                            ],
-                          }
-                        }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
-                      >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
-                          <div
-                            className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt Station Bay 5 - Bay 5
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
+                                    "stoptimes": Array [
                                       Object {
-                                        "stopId": "16440",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "Stop",
-                                      "code": "16440",
-                                      "gtfsId": "kcm:16440",
-                                      "id": "U3RvcDprY206MTY0NDA",
-                                      "lat": 47.675457,
-                                      "lon": -122.317467,
-                                      "name": "Roosevelt Station Bay 5 - Bay 5",
-                                      "stoptimesForPatterns": Array [
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "University District Maple Leaf",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
-                                              },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "73",
-                                              "textColor": null,
-                                              "type": 3,
-                                            },
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 51360,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 51360,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 51360,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51360,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 54060,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 54060,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 55860,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 55860,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 57660,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 57660,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 59460,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 59460,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 24000,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24000,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 27720,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27720,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 31320,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 31320,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 35160,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 35160,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 38940,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 38940,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                          ],
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Downtown Seattle Special",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
-                                              },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "984",
-                                              "textColor": null,
-                                              "type": 3,
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 54060,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 54060,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Special",
-                                              "realtimeDeparture": 66122,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 66122,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "984",
-                                                },
-                                              },
-                                            },
-                                          ],
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "University District Maple Leaf",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
-                                              },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "73",
-                                              "textColor": null,
-                                              "type": 3,
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 55860,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 55860,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 38940,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 38940,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 35160,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 35160,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 31320,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 31320,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 27720,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27720,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Maple Leaf",
-                                              "realtimeDeparture": 24000,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24000,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
-                                              },
-                                            },
-                                          ],
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "University District Roosevelt",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
-                                              },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "67",
-                                              "textColor": null,
-                                              "type": 3,
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 57660,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 57660,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 269,
-                                              "headsign": "University District Roosevelt",
-                                              "realtimeDeparture": 50471,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50202,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Roosevelt",
-                                              "realtimeDeparture": 51102,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51102,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Roosevelt",
-                                              "realtimeDeparture": 52002,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52002,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Roosevelt",
-                                              "realtimeDeparture": 52922,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52922,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
-                                              },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "University District Roosevelt",
-                                              "realtimeDeparture": 53822,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53822,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
-                                              },
-                                            },
-                                          ],
                                         },
-                                      ],
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                            <div>
-                              <div />
-                              <styled.ul>
-                                <ul
-                                  className="sc-fXtZR bOLFlz"
-                                >
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="0"
-                                    pattern={
+                                      },
                                       Object {
-                                        "headsign": "University District Roosevelt",
-                                        "route": Object {
-                                          "agency": Object {
-                                            "gtfsId": "kcm:1",
-                                            "name": "Metro Transit",
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 59460,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 59460,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "color": null,
-                                          "longName": null,
-                                          "mode": "BUS",
-                                          "shortName": "67",
-                                          "textColor": null,
-                                          "type": 3,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
+                                      },
                                       Object {
-                                        "agency": Object {
-                                          "gtfsId": "kcm:1",
-                                          "name": "Metro Transit",
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 24000,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 24000,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
+                                          },
                                         },
-                                        "color": null,
-                                        "longName": null,
-                                        "mode": "BUS",
-                                        "shortName": "67",
-                                        "textColor": null,
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 27720,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 27720,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
+                                          },
+                                        },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 31320,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 31320,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
+                                          },
+                                        },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 35160,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 35160,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
+                                          },
+                                        },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 38940,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 38940,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
+                                          },
+                                        },
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "pattern": Object {
+                                      "headsign": "Downtown Seattle Special",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "984",
+                                        "textColor": null,
                                         "type": 3,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
-                                        Object {
-                                          "departureDelay": 269,
-                                          "headsign": "University District Roosevelt",
-                                          "realtimeDeparture": 50471,
-                                          "realtimeState": "UPDATED",
-                                          "scheduledDeparture": 50202,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "67",
-                                            },
+                                      },
+                                    },
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Downtown Seattle Special",
+                                        "realtimeDeparture": 66122,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 66122,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "984",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Roosevelt",
-                                          "realtimeDeparture": 51102,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 51102,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "67",
-                                            },
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "pattern": Object {
+                                      "headsign": "University District Maple Leaf",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "73",
+                                        "textColor": null,
+                                        "type": 3,
+                                      },
+                                    },
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 38940,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 38940,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Roosevelt",
-                                          "realtimeDeparture": 52002,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 52002,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "67",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 35160,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 35160,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Roosevelt",
-                                          "realtimeDeparture": 52922,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 52922,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "67",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 31320,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 31320,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Roosevelt",
-                                          "realtimeDeparture": 53822,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 53822,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "67",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Maple Leaf",
+                                        "realtimeDeparture": 27720,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 27720,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
                                         },
-                                      ]
-                                    }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
-                                          style={
-                                            Object {
-                                              "backgroundColor": "#333333",
-                                              "color": "#ffffff",
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="route-name"
-                                          >
-                                            <span
-                                              className="route-name-container"
-                                              title="67"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Metro Transit",
-                                                    "mode": "BUS",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": null,
-                                                    "routeLongName": null,
-                                                    "routeShortName": "67",
-                                                    "routeTextColor": null,
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "20px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="333333"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "20px",
-                                                    }
-                                                  }
-                                                  title="67"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE inAnuP"
-                                                    color="333333"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "20px",
-                                                      }
-                                                    }
-                                                    title="67"
-                                                  >
-                                                    67
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
-                                              style={
-                                                Object {
-                                                  "wordBreak": "break-word",
-                                                }
-                                              }
-                                              title="University District Roosevelt"
-                                            >
-                                              University District Roosevelt
-                                            </span>
-                                          </div>
-                                          <styled.ol>
-                                            <ol
-                                              className="sc-hJxDiT kOKRew"
-                                            >
-                                              <p
-                                                aria-hidden={true}
-                                                className="day-label"
-                                              >
-                                                <IconWithText
-                                                  Icon={
-                                                    Object {
-                                                      "$$typeof": Symbol(react.forward_ref),
-                                                      "displayName": "Calendar",
-                                                      "render": [Function],
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "contents",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Styled(styled.span)>
-                                                      <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                      >
-                                                        <Calendar>
-                                                          <StyledIconBase
-                                                            iconAttrs={
-                                                              Object {
-                                                                "fill": "currentColor",
-                                                                "xmlns": "http://www.w3.org/2000/svg",
-                                                              }
-                                                            }
-                                                            iconVerticalAlign="middle"
-                                                            iconViewBox="0 0 448 512"
-                                                          >
-                                                            <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 448 512"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                viewBox="0 0 448 512"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <path
-                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
-                                                                  fill="currentColor"
-                                                                />
-                                                              </svg>
-                                                            </ForwardRef>
-                                                          </StyledIconBase>
-                                                        </Calendar>
-                                                      </span>
-                                                    </Styled(styled.span)>
-                                                    <span>
-                                                      <FormattedDayOfWeek
-                                                        day="friday"
-                                                      >
-                                                        <FormattedMessage
-                                                          id="common.daysOfWeek.friday"
-                                                        >
-                                                          common.daysOfWeek.friday
-                                                        </FormattedMessage>
-                                                      </FormattedDayOfWeek>
-                                                    </span>
-                                                  </div>
-                                                </IconWithText>
-                                              </p>
-                                              <li
-                                                key="0"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 269,
-                                                      "headsign": "University District Roosevelt",
-                                                      "realtimeDeparture": 50471,
-                                                      "realtimeState": "UPDATED",
-                                                      "scheduledDeparture": 50202,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "67",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 269,
-                                                        "headsign": "University District Roosevelt",
-                                                        "realtimeDeparture": 50471,
-                                                        "realtimeState": "UPDATED",
-                                                        "scheduledDeparture": 50202,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "67",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.realtime"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.realtime"
-                                                        >
-                                                          <Styled(Rss)>
-                                                            <Rss
-                                                              className="sc-liccgK dCyAyu"
-                                                            >
-                                                              <StyledIconBase
-                                                                className="sc-liccgK dCyAyu"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 448 512"
-                                                              >
-                                                                <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                  iconAttrs={
-                                                                    Object {
-                                                                      "fill": "currentColor",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    }
-                                                                  }
-                                                                  iconVerticalAlign="middle"
-                                                                  iconViewBox="0 0 448 512"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    viewBox="0 0 448 512"
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                  >
-                                                                    <path
-                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-                                                                      fill="currentColor"
-                                                                    />
-                                                                  </svg>
-                                                                </ForwardRef>
-                                                              </StyledIconBase>
-                                                            </Rss>
-                                                          </Styled(Rss)>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.late"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 269,
-                                                              "headsign": "University District Roosevelt",
-                                                              "realtimeDeparture": 50471,
-                                                              "realtimeState": "UPDATED",
-                                                              "scheduledDeparture": 50202,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "67",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:01:11.000Z}
-                                                          >
-                                                            2:01 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="1"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="1"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "University District Roosevelt",
-                                                      "realtimeDeparture": 51102,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 51102,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "67",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "University District Roosevelt",
-                                                        "realtimeDeparture": 51102,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 51102,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "67",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
-                                                        >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
-                                                            >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "University District Roosevelt",
-                                                              "realtimeDeparture": 51102,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 51102,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "67",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:11:42.000Z}
-                                                          >
-                                                            2:11 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                              <li
-                                                key="2"
-                                              >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="2"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "University District Roosevelt",
-                                                      "realtimeDeparture": 52002,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 52002,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "67",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "University District Roosevelt",
-                                                        "realtimeDeparture": 52002,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 52002,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "67",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="percy-hide"
-                                                    >
-                                                      <Styled(styled.span)
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
-                                                          }
-                                                        }
-                                                        title="components.StopTimeCell.scheduled"
-                                                      >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
-                                                            }
-                                                          }
-                                                          title="components.StopTimeCell.scheduled"
-                                                        >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
-                                                            >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
-                                                          >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
-                                                            Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "University District Roosevelt",
-                                                              "realtimeDeparture": 52002,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 52002,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "67",
-                                                                },
-                                                              },
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-12T22:26:42.000Z}
-                                                          >
-                                                            2:26 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
-                                  <PatternRow
-                                    homeTimezone="America/Los_Angeles"
-                                    key="1"
-                                    pattern={
+                                      },
                                       Object {
+                                        "departureDelay": 0,
                                         "headsign": "University District Maple Leaf",
-                                        "route": Object {
-                                          "agency": Object {
-                                            "gtfsId": "kcm:1",
-                                            "name": "Metro Transit",
+                                        "realtimeDeparture": 24000,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 24000,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "73",
                                           },
-                                          "color": null,
-                                          "longName": null,
-                                          "mode": "BUS",
-                                          "shortName": "73",
-                                          "textColor": null,
-                                          "type": 3,
                                         },
-                                      }
-                                    }
-                                    roundedTop={false}
-                                    route={
-                                      Object {
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "pattern": Object {
+                                      "headsign": "University District Roosevelt",
+                                      "route": Object {
                                         "agency": Object {
                                           "gtfsId": "kcm:1",
                                           "name": "Metro Transit",
@@ -27235,215 +33464,3976 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         "color": null,
                                         "longName": null,
                                         "mode": "BUS",
-                                        "shortName": "73",
+                                        "shortName": "67",
                                         "textColor": null,
                                         "type": 3,
-                                      }
-                                    }
-                                    stopTimes={
-                                      Array [
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 51360,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 51360,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 54060,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 54060,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 55860,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 55860,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
+                                      },
+                                    },
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 269,
+                                        "headsign": "University District Roosevelt",
+                                        "realtimeDeparture": 50471,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 50202,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "67",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 57660,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 57660,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Roosevelt",
+                                        "realtimeDeparture": 51102,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 51102,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "67",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 59460,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 59460,
-                                          "serviceDay": 1705046400,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Roosevelt",
+                                        "realtimeDeparture": 52002,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 52002,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "67",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 24000,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 24000,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Roosevelt",
+                                        "realtimeDeparture": 52922,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 52922,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "67",
                                           },
                                         },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 27720,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 27720,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
-                                          },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 31320,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 31320,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
-                                            },
+                                      },
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "University District Roosevelt",
+                                        "realtimeDeparture": 53822,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 53822,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "67",
                                           },
                                         },
+                                      },
+                                    ],
+                                  },
+                                ],
+                              }
+                            }
+                          />
+                        }
+                        homeTimezone="America/Los_Angeles"
+                        stopData={
+                          Object {
+                            "__typename": "Stop",
+                            "code": "16440",
+                            "gtfsId": "kcm:16440",
+                            "id": "U3RvcDprY206MTY0NDA",
+                            "lat": 47.675457,
+                            "lon": -122.317467,
+                            "name": "Roosevelt Station Bay 5 - Bay 5",
+                            "stoptimesForPatterns": Array [
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "University District Maple Leaf",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "73",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 51360,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 51360,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 54060,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 54060,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 55860,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 55860,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 57660,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 57660,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 59460,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 59460,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 24000,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24000,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 27720,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 27720,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 31320,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 31320,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 35160,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 35160,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 38940,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 38940,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "Downtown Seattle Special",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "984",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Downtown Seattle Special",
+                                    "realtimeDeparture": 66122,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 66122,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "984",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "University District Maple Leaf",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "73",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 38940,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 38940,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 35160,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 35160,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 31320,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 31320,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 27720,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 27720,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Maple Leaf",
+                                    "realtimeDeparture": 24000,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24000,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "University District Roosevelt",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "67",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 269,
+                                    "headsign": "University District Roosevelt",
+                                    "realtimeDeparture": 50471,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 50202,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "67",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Roosevelt",
+                                    "realtimeDeparture": 51102,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 51102,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "67",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Roosevelt",
+                                    "realtimeDeparture": 52002,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 52002,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "67",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Roosevelt",
+                                    "realtimeDeparture": 52922,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 52922,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "67",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "University District Roosevelt",
+                                    "realtimeDeparture": 53822,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 53822,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "67",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                            ],
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/kcm:16440"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
+                                    Object {
+                                      "__typename": "Stop",
+                                      "code": "16440",
+                                      "gtfsId": "kcm:16440",
+                                      "id": "U3RvcDprY206MTY0NDA",
+                                      "lat": 47.675457,
+                                      "lon": -122.317467,
+                                      "name": "Roosevelt Station Bay 5 - Bay 5",
+                                      "stoptimesForPatterns": Array [
                                         Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 35160,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 35160,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
+                                          "pattern": Object {
+                                            "headsign": "University District Maple Leaf",
                                             "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
                                               "shortName": "73",
+                                              "textColor": null,
+                                              "type": 3,
                                             },
                                           },
-                                        },
-                                        Object {
-                                          "departureDelay": 0,
-                                          "headsign": "University District Maple Leaf",
-                                          "realtimeDeparture": 38940,
-                                          "realtimeState": "SCHEDULED",
-                                          "scheduledDeparture": 38940,
-                                          "serviceDay": 1705132800,
-                                          "trip": Object {
-                                            "route": Object {
-                                              "shortName": "73",
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 51360,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51360,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
                                             },
-                                          },
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <styled.li
-                                      roundedTop={false}
-                                    >
-                                      <li
-                                        className="sc-gUUBao cACaIc"
-                                      >
-                                        <div
-                                          className="header stop-view"
-                                          style={
                                             Object {
-                                              "backgroundColor": "#333333",
-                                              "color": "#ffffff",
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="route-name"
-                                          >
-                                            <span
-                                              className="route-name-container"
-                                              title="73"
-                                            >
-                                              <DefaultRouteRenderer
-                                                leg={
-                                                  Object {
-                                                    "agencyName": "Metro Transit",
-                                                    "mode": "BUS",
-                                                    "onColoredBackground": true,
-                                                    "origColor": undefined,
-                                                    "routeColor": null,
-                                                    "routeLongName": null,
-                                                    "routeShortName": "73",
-                                                    "routeTextColor": null,
-                                                  }
-                                                }
-                                                style={
-                                                  Object {
-                                                    "fontSize": "20px",
-                                                  }
-                                                }
-                                              >
-                                                <styled.span
-                                                  color="333333"
-                                                  isOnColoredBackground={true}
-                                                  style={
-                                                    Object {
-                                                      "fontSize": "20px",
-                                                    }
-                                                  }
-                                                  title="73"
-                                                >
-                                                  <span
-                                                    className="sc-JoojE inAnuP"
-                                                    color="333333"
-                                                    style={
-                                                      Object {
-                                                        "fontSize": "20px",
-                                                      }
-                                                    }
-                                                    title="73"
-                                                  >
-                                                    73
-                                                  </span>
-                                                </styled.span>
-                                              </DefaultRouteRenderer>
-                                            </span>
-                                            <span
-                                              style={
-                                                Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 54060,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 54060,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 55860,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 55860,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 57660,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 57660,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 59460,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 59460,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 24000,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24000,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 27720,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27720,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 31320,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 31320,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 35160,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 35160,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 38940,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 38940,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Downtown Seattle Special",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "984",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Special",
+                                              "realtimeDeparture": 66122,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 66122,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "984",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "University District Maple Leaf",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "73",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 38940,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 38940,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 35160,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 35160,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 31320,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 31320,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 27720,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27720,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Maple Leaf",
+                                              "realtimeDeparture": 24000,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24000,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "University District Roosevelt",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "67",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 269,
+                                              "headsign": "University District Roosevelt",
+                                              "realtimeDeparture": 50471,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50202,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Roosevelt",
+                                              "realtimeDeparture": 51102,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51102,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Roosevelt",
+                                              "realtimeDeparture": 52002,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52002,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Roosevelt",
+                                              "realtimeDeparture": 52922,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52922,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "University District Roosevelt",
+                                              "realtimeDeparture": 53822,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53822,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    }
+                                  }
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": "16440",
+                                  "gtfsId": "kcm:16440",
+                                  "id": "U3RvcDprY206MTY0NDA",
+                                  "lat": 47.675457,
+                                  "lon": -122.317467,
+                                  "name": "Roosevelt Station Bay 5 - Bay 5",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Maple Leaf",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "73",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 51360,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51360,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 54060,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54060,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 55860,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 55860,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 57660,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 57660,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 59460,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 59460,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 24000,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24000,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 27720,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27720,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 31320,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 31320,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 35160,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 35160,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 38940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 38940,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Downtown Seattle Special",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "984",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Special",
+                                          "realtimeDeparture": 66122,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 66122,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "984",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Maple Leaf",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "73",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 38940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 38940,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 35160,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 35160,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 31320,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 31320,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 27720,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27720,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 24000,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24000,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "University District Roosevelt",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "67",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 269,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 50471,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50202,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 51102,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51102,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 52002,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52002,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 52922,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52922,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 53822,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53822,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/kcm:16440"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": "16440",
+                                        "gtfsId": "kcm:16440",
+                                        "id": "U3RvcDprY206MTY0NDA",
+                                        "lat": 47.675457,
+                                        "lon": -122.317467,
+                                        "name": "Roosevelt Station Bay 5 - Bay 5",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Maple Leaf",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "73",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 51360,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51360,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 54060,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54060,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 55860,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 55860,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 57660,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 57660,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 59460,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 59460,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 24000,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24000,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 27720,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27720,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 31320,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 31320,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 35160,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 35160,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 38940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 38940,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Downtown Seattle Special",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "984",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Special",
+                                                "realtimeDeparture": 66122,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 66122,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "984",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Maple Leaf",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "73",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 38940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 38940,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 35160,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 35160,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 31320,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 31320,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 27720,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27720,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Maple Leaf",
+                                                "realtimeDeparture": 24000,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24000,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "University District Roosevelt",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "67",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 269,
+                                                "headsign": "University District Roosevelt",
+                                                "realtimeDeparture": 50471,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50202,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt",
+                                                "realtimeDeparture": 51102,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51102,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt",
+                                                "realtimeDeparture": 52002,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52002,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt",
+                                                "realtimeDeparture": 52922,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52922,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "University District Roosevelt",
+                                                "realtimeDeparture": 53822,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53822,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                        ],
+                                      }
+                                    }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": "16440",
+                                    "gtfsId": "kcm:16440",
+                                    "id": "U3RvcDprY206MTY0NDA",
+                                    "lat": 47.675457,
+                                    "lon": -122.317467,
+                                    "name": "Roosevelt Station Bay 5 - Bay 5",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Maple Leaf",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "73",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 51360,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51360,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 54060,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54060,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 55860,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 55860,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 57660,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 57660,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 59460,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 59460,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 24000,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24000,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 27720,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27720,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 31320,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 31320,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 35160,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 35160,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 38940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 38940,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Downtown Seattle Special",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "984",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Special",
+                                            "realtimeDeparture": 66122,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 66122,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "984",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Maple Leaf",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "73",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 38940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 38940,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 35160,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 35160,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 31320,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 31320,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 27720,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27720,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Maple Leaf",
+                                            "realtimeDeparture": 24000,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24000,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "University District Roosevelt",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "67",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 269,
+                                            "headsign": "University District Roosevelt",
+                                            "realtimeDeparture": 50471,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50202,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt",
+                                            "realtimeDeparture": 51102,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51102,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt",
+                                            "realtimeDeparture": 52002,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52002,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt",
+                                            "realtimeDeparture": 52922,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52922,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "University District Roosevelt",
+                                            "realtimeDeparture": 53822,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53822,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                  }
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
+                                  >
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          Roosevelt Station Bay 5 - Bay 5
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "16440",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/kcm:16440"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/kcm:16440"
+                                          style={
+                                            Object {
+                                              "color": "inherit",
+                                              "fontSize": "small",
+                                            }
+                                          }
+                                        >
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
+                                          >
+                                            <div
+                                              style={
+                                                Object {
+                                                  "display": "contents",
+                                                }
+                                              }
+                                            >
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                >
+                                                  <Calendar>
+                                                    <StyledIconBase
+                                                      iconAttrs={
+                                                        Object {
+                                                          "fill": "currentColor",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        }
+                                                      }
+                                                      iconVerticalAlign="middle"
+                                                      iconViewBox="0 0 448 512"
+                                                    >
+                                                      <ForwardRef
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 448 512"
+                                                      >
+                                                        <svg
+                                                          aria-hidden="true"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                          fill="currentColor"
+                                                          focusable="false"
+                                                          viewBox="0 0 448 512"
+                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        >
+                                                          <path
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
+                                                            fill="currentColor"
+                                                          />
+                                                        </svg>
+                                                      </ForwardRef>
+                                                    </StyledIconBase>
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
+                                                >
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": "16440",
+                                          "gtfsId": "kcm:16440",
+                                          "id": "U3RvcDprY206MTY0NDA",
+                                          "lat": 47.675457,
+                                          "lon": -122.317467,
+                                          "name": "Roosevelt Station Bay 5 - Bay 5",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Maple Leaf",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "73",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 51360,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51360,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 54060,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54060,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 55860,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 55860,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 57660,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 57660,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 59460,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 59460,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 24000,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24000,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 27720,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27720,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 31320,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 31320,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 35160,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 35160,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 38940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 38940,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Downtown Seattle Special",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "984",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Special",
+                                                  "realtimeDeparture": 66122,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 66122,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "984",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Maple Leaf",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "73",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 38940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 38940,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 35160,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 35160,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 31320,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 31320,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 27720,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27720,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Maple Leaf",
+                                                  "realtimeDeparture": 24000,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24000,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "University District Roosevelt",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "67",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 269,
+                                                  "headsign": "University District Roosevelt",
+                                                  "realtimeDeparture": 50471,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50202,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt",
+                                                  "realtimeDeparture": 51102,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51102,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt",
+                                                  "realtimeDeparture": 52002,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52002,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt",
+                                                  "realtimeDeparture": 52922,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52922,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "University District Roosevelt",
+                                                  "realtimeDeparture": 53822,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53822,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": "16440",
+                                            "gtfsId": "kcm:16440",
+                                            "id": "U3RvcDprY206MTY0NDA",
+                                            "lat": 47.675457,
+                                            "lon": -122.317467,
+                                            "name": "Roosevelt Station Bay 5 - Bay 5",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Maple Leaf",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "73",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 51360,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51360,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 54060,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54060,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 55860,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 55860,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 57660,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 57660,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 59460,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 59460,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 24000,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24000,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 27720,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27720,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 31320,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 31320,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 35160,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 35160,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 38940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 38940,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Downtown Seattle Special",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "984",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Special",
+                                                    "realtimeDeparture": 66122,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 66122,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "984",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Maple Leaf",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "73",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 38940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 38940,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 35160,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 35160,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 31320,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 31320,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 27720,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27720,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Maple Leaf",
+                                                    "realtimeDeparture": 24000,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24000,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "University District Roosevelt",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "67",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 269,
+                                                    "headsign": "University District Roosevelt",
+                                                    "realtimeDeparture": 50471,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50202,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt",
+                                                    "realtimeDeparture": 51102,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51102,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt",
+                                                    "realtimeDeparture": 52002,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52002,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt",
+                                                    "realtimeDeparture": 52922,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52922,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "University District Roosevelt",
+                                                    "realtimeDeparture": 53822,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53822,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
+                                              >
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                  >
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="from"
+                                                    >
+                                                      <Styled(DotCircle)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
+                                                        >
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                                  >
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
+                                                    >
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
+                                                        >
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
+                                        </span>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
+                            <div>
+                              <div />
+                              <styled.ul>
+                                <ul
+                                  className="sc-fXtZR bOLFlz"
+                                >
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="0"
+                                    pattern={
+                                      Object {
+                                        "headsign": "University District Roosevelt",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "67",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "67",
+                                        "textColor": null,
+                                        "type": 3,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 269,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 50471,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50202,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 51102,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51102,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 52002,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52002,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 52922,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52922,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Roosevelt",
+                                          "realtimeDeparture": 53822,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53822,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#333333",
+                                              "color": "#ffffff",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="67"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Metro Transit",
+                                                    "mode": "BUS",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": null,
+                                                    "routeLongName": null,
+                                                    "routeShortName": "67",
+                                                    "routeTextColor": null,
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "20px",
+                                                  }
+                                                }
+                                              >
+                                                <styled.span
+                                                  color="333333"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "20px",
+                                                    }
+                                                  }
+                                                  title="67"
+                                                >
+                                                  <span
+                                                    className="sc-ihmZXn lggToK"
+                                                    color="333333"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "20px",
+                                                      }
+                                                    }
+                                                    title="67"
+                                                  >
+                                                    67
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
+                                            </span>
+                                            <span
+                                              style={
+                                                Object {
+                                                  "wordBreak": "break-word",
+                                                }
+                                              }
+                                              title="University District Roosevelt"
+                                            >
+                                              University District Roosevelt
+                                            </span>
+                                          </div>
+                                          <styled.ol>
+                                            <ol
+                                              className="sc-hJxDiT kOKRew"
+                                            >
+                                              <p
+                                                aria-hidden={true}
+                                                className="day-label"
+                                              >
+                                                <IconWithText
+                                                  Icon={
+                                                    Object {
+                                                      "$$typeof": Symbol(react.forward_ref),
+                                                      "displayName": "Calendar",
+                                                      "render": [Function],
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    style={
+                                                      Object {
+                                                        "display": "contents",
+                                                      }
+                                                    }
+                                                  >
+                                                    <Styled(styled.span)>
+                                                      <span
+                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                      >
+                                                        <Calendar>
+                                                          <StyledIconBase
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 448 512"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 448 512"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                viewBox="0 0 448 512"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </Calendar>
+                                                      </span>
+                                                    </Styled(styled.span)>
+                                                    <span>
+                                                      <FormattedDayOfWeek
+                                                        day="friday"
+                                                      >
+                                                        <FormattedMessage
+                                                          id="common.daysOfWeek.friday"
+                                                        >
+                                                          common.daysOfWeek.friday
+                                                        </FormattedMessage>
+                                                      </FormattedDayOfWeek>
+                                                    </span>
+                                                  </div>
+                                                </IconWithText>
+                                              </p>
+                                              <li
+                                                key="0"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 269,
+                                                      "headsign": "University District Roosevelt",
+                                                      "realtimeDeparture": 50471,
+                                                      "realtimeState": "UPDATED",
+                                                      "scheduledDeparture": 50202,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "67",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 269,
+                                                        "headsign": "University District Roosevelt",
+                                                        "realtimeDeparture": 50471,
+                                                        "realtimeState": "UPDATED",
+                                                        "scheduledDeparture": 50202,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "67",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.realtime"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.realtime"
+                                                        >
+                                                          <Styled(Rss)>
+                                                            <Rss
+                                                              className="sc-liccgK dCyAyu"
+                                                            >
+                                                              <StyledIconBase
+                                                                className="sc-liccgK dCyAyu"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 448 512"
+                                                              >
+                                                                <ForwardRef
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                  iconAttrs={
+                                                                    Object {
+                                                                      "fill": "currentColor",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    }
+                                                                  }
+                                                                  iconVerticalAlign="middle"
+                                                                  iconViewBox="0 0 448 512"
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-liccgK dCyAyu"
+                                                                    fill="currentColor"
+                                                                    focusable="false"
+                                                                    viewBox="0 0 448 512"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                  >
+                                                                    <path
+                                                                      d="M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zm128 352c0 35.3-28.7 64-64 64S0 451.3 0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+                                                                      fill="currentColor"
+                                                                    />
+                                                                  </svg>
+                                                                </ForwardRef>
+                                                              </StyledIconBase>
+                                                            </Rss>
+                                                          </Styled(Rss)>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.late"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 269,
+                                                              "headsign": "University District Roosevelt",
+                                                              "realtimeDeparture": 50471,
+                                                              "realtimeState": "UPDATED",
+                                                              "scheduledDeparture": 50202,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "67",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:01:11.000Z}
+                                                          >
+                                                            2:01 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="1"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="1"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "University District Roosevelt",
+                                                      "realtimeDeparture": 51102,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 51102,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "67",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "University District Roosevelt",
+                                                        "realtimeDeparture": 51102,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 51102,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "67",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "University District Roosevelt",
+                                                              "realtimeDeparture": 51102,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 51102,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "67",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:11:42.000Z}
+                                                          >
+                                                            2:11 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                              <li
+                                                key="2"
+                                              >
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="2"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "University District Roosevelt",
+                                                      "realtimeDeparture": 52002,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 52002,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "67",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "University District Roosevelt",
+                                                        "realtimeDeparture": 52002,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 52002,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "67",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "University District Roosevelt",
+                                                              "realtimeDeparture": 52002,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 52002,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "67",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-12T22:26:42.000Z}
+                                                          >
+                                                            2:26 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                  <PatternRow
+                                    homeTimezone="America/Los_Angeles"
+                                    key="1"
+                                    pattern={
+                                      Object {
+                                        "headsign": "University District Maple Leaf",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "73",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      }
+                                    }
+                                    roundedTop={false}
+                                    route={
+                                      Object {
+                                        "agency": Object {
+                                          "gtfsId": "kcm:1",
+                                          "name": "Metro Transit",
+                                        },
+                                        "color": null,
+                                        "longName": null,
+                                        "mode": "BUS",
+                                        "shortName": "73",
+                                        "textColor": null,
+                                        "type": 3,
+                                      }
+                                    }
+                                    stopTimes={
+                                      Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 51360,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51360,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 54060,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54060,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 55860,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 55860,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 57660,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 57660,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 59460,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 59460,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 24000,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24000,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 27720,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27720,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 31320,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 31320,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 35160,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 35160,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "University District Maple Leaf",
+                                          "realtimeDeparture": 38940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 38940,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                      ]
+                                    }
+                                  >
+                                    <styled.li
+                                      roundedTop={false}
+                                    >
+                                      <li
+                                        className="sc-gUUBao cACaIc"
+                                      >
+                                        <div
+                                          className="header stop-view"
+                                          style={
+                                            Object {
+                                              "backgroundColor": "#333333",
+                                              "color": "#ffffff",
+                                            }
+                                          }
+                                        >
+                                          <div
+                                            className="route-name"
+                                          >
+                                            <span
+                                              className="route-name-container"
+                                              title="73"
+                                            >
+                                              <DefaultRouteRenderer
+                                                leg={
+                                                  Object {
+                                                    "agencyName": "Metro Transit",
+                                                    "mode": "BUS",
+                                                    "onColoredBackground": true,
+                                                    "origColor": undefined,
+                                                    "routeColor": null,
+                                                    "routeLongName": null,
+                                                    "routeShortName": "73",
+                                                    "routeTextColor": null,
+                                                  }
+                                                }
+                                                style={
+                                                  Object {
+                                                    "fontSize": "20px",
+                                                  }
+                                                }
+                                              >
+                                                <styled.span
+                                                  color="333333"
+                                                  isOnColoredBackground={true}
+                                                  style={
+                                                    Object {
+                                                      "fontSize": "20px",
+                                                    }
+                                                  }
+                                                  title="73"
+                                                >
+                                                  <span
+                                                    className="sc-ihmZXn lggToK"
+                                                    color="333333"
+                                                    style={
+                                                      Object {
+                                                        "fontSize": "20px",
+                                                      }
+                                                    }
+                                                    title="73"
+                                                  >
+                                                    73
+                                                  </span>
+                                                </styled.span>
+                                              </DefaultRouteRenderer>
+                                            </span>
+                                            <span
+                                              style={
+                                                Object {
                                                   "wordBreak": "break-word",
                                                 }
                                               }
@@ -28110,7 +38100,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="984"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -28220,176 +38210,579 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               <li
                                                 key="0"
                                               >
-                                                <Connect(StopTimeCell)
-                                                  homeTimezone="America/Los_Angeles"
-                                                  key="0"
-                                                  stopTime={
-                                                    Object {
-                                                      "departureDelay": 0,
-                                                      "headsign": "Downtown Seattle Special",
-                                                      "realtimeDeparture": 66122,
-                                                      "realtimeState": "SCHEDULED",
-                                                      "scheduledDeparture": 66122,
-                                                      "serviceDay": 1705046400,
-                                                      "trip": Object {
-                                                        "route": Object {
-                                                          "shortName": "984",
-                                                        },
-                                                      },
-                                                    }
-                                                  }
+                                                <Connect(StopTimeCell)
+                                                  homeTimezone="America/Los_Angeles"
+                                                  key="0"
+                                                  stopTime={
+                                                    Object {
+                                                      "departureDelay": 0,
+                                                      "headsign": "Downtown Seattle Special",
+                                                      "realtimeDeparture": 66122,
+                                                      "realtimeState": "SCHEDULED",
+                                                      "scheduledDeparture": 66122,
+                                                      "serviceDay": 1705046400,
+                                                      "trip": Object {
+                                                        "route": Object {
+                                                          "shortName": "984",
+                                                        },
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <StopTimeCell
+                                                    homeTimezone="America/Los_Angeles"
+                                                    onlyShowCountdownForRealtime={false}
+                                                    stopTime={
+                                                      Object {
+                                                        "departureDelay": 0,
+                                                        "headsign": "Downtown Seattle Special",
+                                                        "realtimeDeparture": 66122,
+                                                        "realtimeState": "SCHEDULED",
+                                                        "scheduledDeparture": 66122,
+                                                        "serviceDay": 1705046400,
+                                                        "trip": Object {
+                                                          "route": Object {
+                                                            "shortName": "984",
+                                                          },
+                                                        },
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="percy-hide"
+                                                    >
+                                                      <Styled(styled.span)
+                                                        style={
+                                                          Object {
+                                                            "fontSize": "0.6em",
+                                                            "margin": 0,
+                                                            "marginRight": 2,
+                                                          }
+                                                        }
+                                                        title="components.StopTimeCell.scheduled"
+                                                      >
+                                                        <span
+                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          style={
+                                                            Object {
+                                                              "fontSize": "0.6em",
+                                                              "margin": 0,
+                                                              "marginRight": 2,
+                                                            }
+                                                          }
+                                                          title="components.StopTimeCell.scheduled"
+                                                        >
+                                                          <Clock>
+                                                            <StyledIconBase
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                            >
+                                                              <ForwardRef
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                iconAttrs={
+                                                                  Object {
+                                                                    "fill": "currentColor",
+                                                                    "xmlns": "http://www.w3.org/2000/svg",
+                                                                  }
+                                                                }
+                                                                iconVerticalAlign="middle"
+                                                                iconViewBox="0 0 512 512"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                                  fill="currentColor"
+                                                                  focusable="false"
+                                                                  viewBox="0 0 512 512"
+                                                                  xmlns="http://www.w3.org/2000/svg"
+                                                                >
+                                                                  <path
+                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
+                                                                    fill="currentColor"
+                                                                  />
+                                                                </svg>
+                                                              </ForwardRef>
+                                                            </StyledIconBase>
+                                                          </Clock>
+                                                        </span>
+                                                      </Styled(styled.span)>
+                                                      <span
+                                                        className="percy-hide"
+                                                        title="components.RealtimeStatusLabel.scheduled"
+                                                      >
+                                                        <styled.span>
+                                                          <span
+                                                            className="sc-hkwmXC eVsZcu"
+                                                          >
+                                                            <FormattedDayOfWeek
+                                                              day="friday"
+                                                            >
+                                                              <FormattedMessage
+                                                                id="common.daysOfWeek.friday"
+                                                              >
+                                                                common.daysOfWeek.friday
+                                                              </FormattedMessage>
+                                                            </FormattedDayOfWeek>
+                                                             
+                                                          </span>
+                                                        </styled.span>
+                                                        <DepartureTime
+                                                          realTime={true}
+                                                          stopTime={
+                                                            Object {
+                                                              "departureDelay": 0,
+                                                              "headsign": "Downtown Seattle Special",
+                                                              "realtimeDeparture": 66122,
+                                                              "realtimeState": "SCHEDULED",
+                                                              "scheduledDeparture": 66122,
+                                                              "serviceDay": 1705046400,
+                                                              "trip": Object {
+                                                                "route": Object {
+                                                                  "shortName": "984",
+                                                                },
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <FormattedTime
+                                                            timeStyle="short"
+                                                            value={2024-01-13T02:22:02.000Z}
+                                                          >
+                                                            6:22 PM
+                                                          </FormattedTime>
+                                                        </DepartureTime>
+                                                      </span>
+                                                    </div>
+                                                  </StopTimeCell>
+                                                </Connect(StopTimeCell)>
+                                              </li>
+                                            </ol>
+                                          </styled.ol>
+                                        </div>
+                                      </li>
+                                    </styled.li>
+                                  </PatternRow>
+                                </ul>
+                              </styled.ul>
+                            </div>
+                          </div>
+                        </styled.div>
+                      </Stop>
+                    </Connect(Stop)>
+                  </div>
+                </li>
+                <li
+                  className=""
+                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw"
+                >
+                  <div
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    tabIndex={0}
+                  >
+                    <Connect(Vehicle)
+                      fromToSlot={
+                        <Memo(Connect(FromToPicker))
+                          place={
+                            Object {
+                              "__typename": "RentalVehicle",
+                              "allowPickupNow": true,
+                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                              "lat": 47.675,
+                              "lon": -122.3164,
+                              "name": "Default vehicle type",
+                              "network": "lime_seattle",
+                              "operative": true,
+                              "rentalUris": null,
+                              "vehicleType": Object {
+                                "formFactor": "BICYCLE",
+                              },
+                            }
+                          }
+                        />
+                      }
+                      vehicle={
+                        Object {
+                          "__typename": "RentalVehicle",
+                          "allowPickupNow": true,
+                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                          "lat": 47.675,
+                          "lon": -122.3164,
+                          "name": "Default vehicle type",
+                          "network": "lime_seattle",
+                          "operative": true,
+                          "rentalUris": null,
+                          "vehicleType": Object {
+                            "formFactor": "BICYCLE",
+                          },
+                        }
+                      }
+                    >
+                      <Vehicle
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "RentalVehicle",
+                                "allowPickupNow": true,
+                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                                "lat": 47.675,
+                                "lon": -122.3164,
+                                "name": "Default vehicle type",
+                                "network": "lime_seattle",
+                                "operative": true,
+                                "rentalUris": null,
+                                "vehicleType": Object {
+                                  "formFactor": "BICYCLE",
+                                },
+                              }
+                            }
+                          />
+                        }
+                        vehicle={
+                          Object {
+                            "__typename": "RentalVehicle",
+                            "allowPickupNow": true,
+                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                            "lat": 47.675,
+                            "lon": -122.3164,
+                            "name": "Default vehicle type",
+                            "network": "lime_seattle",
+                            "operative": true,
+                            "rentalUris": null,
+                            "vehicleType": Object {
+                              "formFactor": "BICYCLE",
+                            },
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <styled.div>
+                              <div
+                                className="sc-kHNMIv jPJsOC"
+                              >
+                                <styled.p>
+                                  <p
+                                    className="sc-ksXiFW ljNmEi"
+                                  >
+                                    <IconWithText
+                                      icon={
+                                        <StationIcon
+                                          companyLabel=""
+                                          vehicle={
+                                            Object {
+                                              "__typename": "RentalVehicle",
+                                              "allowPickupNow": true,
+                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                                              "lat": 47.675,
+                                              "lon": -122.3164,
+                                              "name": "Default vehicle type",
+                                              "network": "lime_seattle",
+                                              "operative": true,
+                                              "rentalUris": null,
+                                              "vehicleType": Object {
+                                                "formFactor": "BICYCLE",
+                                              },
+                                            }
+                                          }
+                                        />
+                                      }
+                                    >
+                                      <div
+                                        style={
+                                          Object {
+                                            "display": "contents",
+                                          }
+                                        }
+                                      >
+                                        <Styled(styled.span)>
+                                          <span
+                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                          >
+                                            <StationIcon
+                                              companyLabel=""
+                                              vehicle={
+                                                Object {
+                                                  "__typename": "RentalVehicle",
+                                                  "allowPickupNow": true,
+                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                                                  "lat": 47.675,
+                                                  "lon": -122.3164,
+                                                  "name": "Default vehicle type",
+                                                  "network": "lime_seattle",
+                                                  "operative": true,
+                                                  "rentalUris": null,
+                                                  "vehicleType": Object {
+                                                    "formFactor": "BICYCLE",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Suspense
+                                                fallback={
+                                                  <span>
+                                                    
+                                                  </span>
+                                                }
+                                              >
+                                                <span />
+                                              </Suspense>
+                                            </StationIcon>
+                                          </span>
+                                        </Styled(styled.span)>
+                                        <span>
+                                          components.NearbyView.companyBicycle
+                                        </span>
+                                      </div>
+                                    </IconWithText>
+                                  </p>
+                                </styled.p>
+                              </div>
+                            </styled.div>
+                            <styled.div>
+                              <div
+                                className="sc-bGqPaL gRnQOF"
+                              >
+                                <Connect(FromToPicker)
+                                  place={
+                                    Object {
+                                      "__typename": "RentalVehicle",
+                                      "allowPickupNow": true,
+                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                                      "lat": 47.675,
+                                      "lon": -122.3164,
+                                      "name": "Default vehicle type",
+                                      "network": "lime_seattle",
+                                      "operative": true,
+                                      "rentalUris": null,
+                                      "vehicleType": Object {
+                                        "formFactor": "BICYCLE",
+                                      },
+                                    }
+                                  }
+                                >
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
+                                        "lat": 47.675,
+                                        "lon": -122.3164,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
+                                  >
+                                    <span
+                                      role="group"
+                                    >
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <StopTimeCell
-                                                    homeTimezone="America/Los_Angeles"
-                                                    onlyShowCountdownForRealtime={false}
-                                                    stopTime={
-                                                      Object {
-                                                        "departureDelay": 0,
-                                                        "headsign": "Downtown Seattle Special",
-                                                        "realtimeDeparture": 66122,
-                                                        "realtimeState": "SCHEDULED",
-                                                        "scheduledDeparture": 66122,
-                                                        "serviceDay": 1705046400,
-                                                        "trip": Object {
-                                                          "route": Object {
-                                                            "shortName": "984",
-                                                          },
-                                                        },
-                                                      }
-                                                    }
+                                                  <Styled(DotCircle)
+                                                    className=""
+                                                    size="0.9em"
                                                   >
-                                                    <div
-                                                      className="percy-hide"
+                                                    <DotCircle
+                                                      className="sc-aKXVD bNLtzV"
+                                                      size="0.9em"
                                                     >
-                                                      <Styled(styled.span)
-                                                        style={
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
+                                                        iconAttrs={
                                                           Object {
-                                                            "fontSize": "0.6em",
-                                                            "margin": 0,
-                                                            "marginRight": 2,
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
                                                           }
                                                         }
-                                                        title="components.StopTimeCell.scheduled"
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 512 512"
+                                                        size="0.9em"
                                                       >
-                                                        <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                                          style={
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          iconAttrs={
                                                             Object {
-                                                              "fontSize": "0.6em",
-                                                              "margin": 0,
-                                                              "marginRight": 2,
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
                                                             }
                                                           }
-                                                          title="components.StopTimeCell.scheduled"
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <Clock>
-                                                            <StyledIconBase
-                                                              iconAttrs={
-                                                                Object {
-                                                                  "fill": "currentColor",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                }
-                                                              }
-                                                              iconVerticalAlign="middle"
-                                                              iconViewBox="0 0 512 512"
-                                                            >
-                                                              <ForwardRef
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                iconAttrs={
-                                                                  Object {
-                                                                    "fill": "currentColor",
-                                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                                  }
-                                                                }
-                                                                iconVerticalAlign="middle"
-                                                                iconViewBox="0 0 512 512"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  viewBox="0 0 512 512"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <path
-                                                                    d="M232 120c0-13.3 10.7-24 24-24s24 10.7 24 24v123.2l85.3 56.8c11 7.4 14 22.3 5.8 33.3-6.5 11-21.4 14-32.4 5.8l-96-64c-6.7-3.6-10.7-11.1-10.7-20V120zM256 0c141.4 0 256 114.6 256 256S397.4 512 256 512 0 397.4 0 256 114.6 0 256 0zM48 256c0 114.9 93.1 208 208 208s208-93.1 208-208S370.9 48 256 48 48 141.1 48 256z"
-                                                                    fill="currentColor"
-                                                                  />
-                                                                </svg>
-                                                              </ForwardRef>
-                                                            </StyledIconBase>
-                                                          </Clock>
-                                                        </span>
-                                                      </Styled(styled.span)>
-                                                      <span
-                                                        className="percy-hide"
-                                                        title="components.RealtimeStatusLabel.scheduled"
-                                                      >
-                                                        <styled.span>
-                                                          <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
                                                           >
-                                                            <FormattedDayOfWeek
-                                                              day="friday"
-                                                            >
-                                                              <FormattedMessage
-                                                                id="common.daysOfWeek.friday"
-                                                              >
-                                                                common.daysOfWeek.friday
-                                                              </FormattedMessage>
-                                                            </FormattedDayOfWeek>
-                                                             
-                                                          </span>
-                                                        </styled.span>
-                                                        <DepartureTime
-                                                          realTime={true}
-                                                          stopTime={
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                              >
+                                                <LocationIcon
+                                                  size="0.9em"
+                                                  type="to"
+                                                >
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
+                                                    size="0.9em"
+                                                  >
+                                                    <MapMarkerAlt
+                                                      className="sc-cvJIAo esTqCF"
+                                                      size="0.9em"
+                                                    >
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 384 512"
+                                                        size="0.9em"
+                                                      >
+                                                        <ForwardRef
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          iconAttrs={
                                                             Object {
-                                                              "departureDelay": 0,
-                                                              "headsign": "Downtown Seattle Special",
-                                                              "realtimeDeparture": 66122,
-                                                              "realtimeState": "SCHEDULED",
-                                                              "scheduledDeparture": 66122,
-                                                              "serviceDay": 1705046400,
-                                                              "trip": Object {
-                                                                "route": Object {
-                                                                  "shortName": "984",
-                                                                },
-                                                              },
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
                                                             }
                                                           }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <FormattedTime
-                                                            timeStyle="short"
-                                                            value={2024-01-13T02:22:02.000Z}
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            fill="currentColor"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
                                                           >
-                                                            6:22 PM
-                                                          </FormattedTime>
-                                                        </DepartureTime>
-                                                      </span>
-                                                    </div>
-                                                  </StopTimeCell>
-                                                </Connect(StopTimeCell)>
-                                              </li>
-                                            </ol>
-                                          </styled.ol>
-                                        </div>
-                                      </li>
-                                    </styled.li>
-                                  </PatternRow>
-                                </ul>
-                              </styled.ul>
-                            </div>
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
+                                                  onClick={[Function]}
+                                                >
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
+                                                  >
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
+                              </div>
+                            </styled.div>
                           </div>
                         </styled.div>
-                      </Stop>
-                    </Connect(Stop)>
+                      </Vehicle>
+                    </Connect(Vehicle)>
                   </div>
                 </li>
                 <li
                   className=""
-                  key="UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw"
+                  key="U3RvcDo0MDo5OTAwMDQ"
                 >
                   <div
                     onBlur={[Function]}
@@ -28398,3277 +38791,4448 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                     onMouseLeave={[Function]}
                     tabIndex={0}
                   >
-                    <Connect(Vehicle)
+                    <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
+                            Object {
+                              "__typename": "Stop",
+                              "code": null,
+                              "gtfsId": "40:990004",
+                              "id": "U3RvcDo0MDo5OTAwMDQ",
+                              "lat": 47.677081,
+                              "lon": -122.315928,
+                              "name": "Roosevelt",
+                              "stoptimesForPatterns": Array [
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Northgate",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "40:40",
+                                        "name": "Sound Transit",
+                                      },
+                                      "color": "28813F",
+                                      "longName": "Northgate - Angle Lake",
+                                      "mode": "TRAM",
+                                      "shortName": "1 Line",
+                                      "textColor": "FFFFFF",
+                                      "type": 0,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": -149,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 50191,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 50340,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": -7,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 50933,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 50940,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 162,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 51702,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 51540,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 3,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 52143,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 52140,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 52740,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 52740,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 53760,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 53760,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 16920,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 16920,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 18540,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 18540,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 19380,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 19380,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 20280,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 20280,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 21180,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 21180,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 22080,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 22080,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 22980,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 22980,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 23880,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 23880,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 24780,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 24780,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 25680,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 25680,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 26580,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 26580,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Northgate",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "40:40",
+                                        "name": "Sound Transit",
+                                      },
+                                      "color": "28813F",
+                                      "longName": "Northgate - Angle Lake",
+                                      "mode": "TRAM",
+                                      "shortName": "1 Line",
+                                      "textColor": "FFFFFF",
+                                      "type": 0,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 25680,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 25680,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 23880,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 23880,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 22080,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 22080,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 20280,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 20280,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 18540,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 18540,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Northgate",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "40:40",
+                                        "name": "Sound Transit",
+                                      },
+                                      "color": "28813F",
+                                      "longName": "Northgate - Angle Lake",
+                                      "mode": "TRAM",
+                                      "shortName": "1 Line",
+                                      "textColor": "FFFFFF",
+                                      "type": 0,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 26580,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 26580,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 24780,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 24780,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 22980,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 22980,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 21180,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 21180,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 19380,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 19380,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Northgate",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "40:40",
+                                        "name": "Sound Transit",
+                                      },
+                                      "color": "28813F",
+                                      "longName": "Northgate - Angle Lake",
+                                      "mode": "TRAM",
+                                      "shortName": "1 Line",
+                                      "textColor": "FFFFFF",
+                                      "type": 0,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 52740,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 52740,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 3,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 52143,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 52140,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": 162,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 51702,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 51540,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": -7,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 50933,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 50940,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                    Object {
+                                      "departureDelay": -149,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 50191,
+                                      "realtimeState": "UPDATED",
+                                      "scheduledDeparture": 50340,
+                                      "serviceDay": 1705046400,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "pattern": Object {
+                                    "headsign": "Northgate",
+                                    "route": Object {
+                                      "agency": Object {
+                                        "gtfsId": "40:40",
+                                        "name": "Sound Transit",
+                                      },
+                                      "color": "28813F",
+                                      "longName": "Northgate - Angle Lake",
+                                      "mode": "TRAM",
+                                      "shortName": "1 Line",
+                                      "textColor": "FFFFFF",
+                                      "type": 0,
+                                    },
+                                  },
+                                  "stoptimes": Array [
+                                    Object {
+                                      "departureDelay": 0,
+                                      "headsign": "Northgate",
+                                      "realtimeDeparture": 16920,
+                                      "realtimeState": "SCHEDULED",
+                                      "scheduledDeparture": 16920,
+                                      "serviceDay": 1705132800,
+                                      "trip": Object {
+                                        "route": Object {
+                                          "shortName": "1 Line",
+                                        },
+                                      },
+                                    },
+                                  ],
+                                },
+                              ],
+                            }
+                          }
+                        />
+                      }
+                      stopData={
+                        Object {
+                          "__typename": "Stop",
+                          "code": null,
+                          "gtfsId": "40:990004",
+                          "id": "U3RvcDo0MDo5OTAwMDQ",
+                          "lat": 47.677081,
+                          "lon": -122.315928,
+                          "name": "Roosevelt",
+                          "stoptimesForPatterns": Array [
+                            Object {
+                              "pattern": Object {
+                                "headsign": "Northgate",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "40:40",
+                                    "name": "Sound Transit",
+                                  },
+                                  "color": "28813F",
+                                  "longName": "Northgate - Angle Lake",
+                                  "mode": "TRAM",
+                                  "shortName": "1 Line",
+                                  "textColor": "FFFFFF",
+                                  "type": 0,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": -149,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 50191,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 50340,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": -7,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 50933,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 50940,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 162,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 51702,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 51540,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 3,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 52143,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 52140,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 52740,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 52740,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 53760,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 53760,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 16920,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 16920,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 18540,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 18540,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 19380,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 19380,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 20280,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 20280,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 21180,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 21180,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 22080,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 22080,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 22980,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 22980,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 23880,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 23880,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 24780,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 24780,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 25680,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 25680,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 26580,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 26580,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                              ],
+                            },
                             Object {
-                              "__typename": "RentalVehicle",
-                              "allowPickupNow": true,
-                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                              "lat": 47.675,
-                              "lon": -122.3164,
-                              "name": "Default vehicle type",
-                              "network": "lime_seattle",
-                              "operative": true,
-                              "rentalUris": null,
-                              "vehicleType": Object {
-                                "formFactor": "BICYCLE",
+                              "pattern": Object {
+                                "headsign": "Northgate",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "40:40",
+                                    "name": "Sound Transit",
+                                  },
+                                  "color": "28813F",
+                                  "longName": "Northgate - Angle Lake",
+                                  "mode": "TRAM",
+                                  "shortName": "1 Line",
+                                  "textColor": "FFFFFF",
+                                  "type": 0,
+                                },
                               },
-                            }
-                          }
-                        />
-                      }
-                      vehicle={
-                        Object {
-                          "__typename": "RentalVehicle",
-                          "allowPickupNow": true,
-                          "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                          "lat": 47.675,
-                          "lon": -122.3164,
-                          "name": "Default vehicle type",
-                          "network": "lime_seattle",
-                          "operative": true,
-                          "rentalUris": null,
-                          "vehicleType": Object {
-                            "formFactor": "BICYCLE",
-                          },
-                        }
-                      }
-                    >
-                      <Vehicle
-                        dispatch={[Function]}
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "RentalVehicle",
-                                "allowPickupNow": true,
-                                "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                                "lat": 47.675,
-                                "lon": -122.3164,
-                                "name": "Default vehicle type",
-                                "network": "lime_seattle",
-                                "operative": true,
-                                "rentalUris": null,
-                                "vehicleType": Object {
-                                  "formFactor": "BICYCLE",
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 25680,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 25680,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
                                 },
-                              }
-                            }
-                          />
-                        }
-                        vehicle={
-                          Object {
-                            "__typename": "RentalVehicle",
-                            "allowPickupNow": true,
-                            "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                            "lat": 47.675,
-                            "lon": -122.3164,
-                            "name": "Default vehicle type",
-                            "network": "lime_seattle",
-                            "operative": true,
-                            "rentalUris": null,
-                            "vehicleType": Object {
-                              "formFactor": "BICYCLE",
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 23880,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 23880,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 22080,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 22080,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 20280,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 20280,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 18540,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 18540,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                              ],
+                            },
+                            Object {
+                              "pattern": Object {
+                                "headsign": "Northgate",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "40:40",
+                                    "name": "Sound Transit",
+                                  },
+                                  "color": "28813F",
+                                  "longName": "Northgate - Angle Lake",
+                                  "mode": "TRAM",
+                                  "shortName": "1 Line",
+                                  "textColor": "FFFFFF",
+                                  "type": 0,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 26580,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 26580,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 24780,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 24780,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 22980,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 22980,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 21180,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 21180,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 19380,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 19380,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                              ],
+                            },
+                            Object {
+                              "pattern": Object {
+                                "headsign": "Northgate",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "40:40",
+                                    "name": "Sound Transit",
+                                  },
+                                  "color": "28813F",
+                                  "longName": "Northgate - Angle Lake",
+                                  "mode": "TRAM",
+                                  "shortName": "1 Line",
+                                  "textColor": "FFFFFF",
+                                  "type": 0,
+                                },
+                              },
+                              "stoptimes": Array [
+                                Object {
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 52740,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 52740,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 3,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 52143,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 52140,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": 162,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 51702,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 51540,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": -7,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 50933,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 50940,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                                Object {
+                                  "departureDelay": -149,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 50191,
+                                  "realtimeState": "UPDATED",
+                                  "scheduledDeparture": 50340,
+                                  "serviceDay": 1705046400,
+                                  "trip": Object {
+                                    "route": Object {
+                                      "shortName": "1 Line",
+                                    },
+                                  },
+                                },
+                              ],
                             },
-                          }
-                        }
-                      >
-                        <styled.div>
-                          <div
-                            className="sc-cVksOY hGVfg"
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={
-                                        <StationIcon
-                                          companyLabel=""
-                                          vehicle={
-                                            Object {
-                                              "__typename": "RentalVehicle",
-                                              "allowPickupNow": true,
-                                              "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                                              "lat": 47.675,
-                                              "lon": -122.3164,
-                                              "name": "Default vehicle type",
-                                              "network": "lime_seattle",
-                                              "operative": true,
-                                              "rentalUris": null,
-                                              "vehicleType": Object {
-                                                "formFactor": "BICYCLE",
-                                              },
-                                            }
-                                          }
-                                        />
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <StationIcon
-                                              companyLabel=""
-                                              vehicle={
-                                                Object {
-                                                  "__typename": "RentalVehicle",
-                                                  "allowPickupNow": true,
-                                                  "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                                                  "lat": 47.675,
-                                                  "lon": -122.3164,
-                                                  "name": "Default vehicle type",
-                                                  "network": "lime_seattle",
-                                                  "operative": true,
-                                                  "rentalUris": null,
-                                                  "vehicleType": Object {
-                                                    "formFactor": "BICYCLE",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Suspense
-                                                fallback={
-                                                  <span>
-                                                    
-                                                  </span>
-                                                }
-                                              >
-                                                <span />
-                                              </Suspense>
-                                            </StationIcon>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          components.NearbyView.companyBicycle
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "RentalVehicle",
-                                      "allowPickupNow": true,
-                                      "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6OWM3ZDZkYjEtYWJiMi00OWFlLTg3NzAtOGNkNjQ1MzcwMGUw",
-                                      "lat": 47.675,
-                                      "lon": -122.3164,
-                                      "name": "Default vehicle type",
-                                      "network": "lime_seattle",
-                                      "operative": true,
-                                      "rentalUris": null,
-                                      "vehicleType": Object {
-                                        "formFactor": "BICYCLE",
-                                      },
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
-                                                  >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
-                                                      size="0.9em"
-                                                    >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
-                                                        size="0.9em"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
-                          </div>
-                        </styled.div>
-                      </Vehicle>
-                    </Connect(Vehicle)>
-                  </div>
-                </li>
-                <li
-                  className=""
-                  key="U3RvcDo0MDo5OTAwMDQ"
-                >
-                  <div
-                    onBlur={[Function]}
-                    onFocus={[Function]}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    tabIndex={0}
-                  >
-                    <Connect(Stop)
-                      fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
                             Object {
-                              "__typename": "Stop",
-                              "code": null,
-                              "gtfsId": "40:990004",
-                              "id": "U3RvcDo0MDo5OTAwMDQ",
-                              "lat": 47.677081,
-                              "lon": -122.315928,
-                              "name": "Roosevelt",
-                              "stoptimesForPatterns": Array [
+                              "pattern": Object {
+                                "headsign": "Northgate",
+                                "route": Object {
+                                  "agency": Object {
+                                    "gtfsId": "40:40",
+                                    "name": "Sound Transit",
+                                  },
+                                  "color": "28813F",
+                                  "longName": "Northgate - Angle Lake",
+                                  "mode": "TRAM",
+                                  "shortName": "1 Line",
+                                  "textColor": "FFFFFF",
+                                  "type": 0,
+                                },
+                              },
+                              "stoptimes": Array [
                                 Object {
-                                  "pattern": Object {
-                                    "headsign": "Northgate",
+                                  "departureDelay": 0,
+                                  "headsign": "Northgate",
+                                  "realtimeDeparture": 16920,
+                                  "realtimeState": "SCHEDULED",
+                                  "scheduledDeparture": 16920,
+                                  "serviceDay": 1705132800,
+                                  "trip": Object {
                                     "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "40:40",
-                                        "name": "Sound Transit",
-                                      },
-                                      "color": "28813F",
-                                      "longName": "Northgate - Angle Lake",
-                                      "mode": "TRAM",
                                       "shortName": "1 Line",
-                                      "textColor": "FFFFFF",
-                                      "type": 0,
                                     },
                                   },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": -149,
+                                },
+                              ],
+                            },
+                          ],
+                        }
+                      }
+                    >
+                      <Stop
+                        dispatch={[Function]}
+                        fromToSlot={
+                          <Memo(Connect(FromToPicker))
+                            place={
+                              Object {
+                                "__typename": "Stop",
+                                "code": null,
+                                "gtfsId": "40:990004",
+                                "id": "U3RvcDo0MDo5OTAwMDQ",
+                                "lat": 47.677081,
+                                "lon": -122.315928,
+                                "name": "Roosevelt",
+                                "stoptimesForPatterns": Array [
+                                  Object {
+                                    "pattern": Object {
                                       "headsign": "Northgate",
-                                      "realtimeDeparture": 50191,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 50340,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
                                         },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
                                       },
                                     },
-                                    Object {
-                                      "departureDelay": -7,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 50933,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 50940,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": -149,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 50191,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 50340,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 162,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 51702,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 51540,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": -7,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 50933,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 50940,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 3,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 52143,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 52140,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 162,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 51702,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 51540,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 52740,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 52740,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 3,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 52143,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 52140,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 53760,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 53760,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 52740,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 52740,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 16920,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 16920,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 53760,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 53760,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 18540,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 18540,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 16920,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 16920,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 19380,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 19380,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 18540,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 18540,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 20280,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 20280,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 19380,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 19380,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 21180,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 21180,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 20280,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 20280,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 22080,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 22080,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 21180,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 21180,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 22980,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 22980,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 22080,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 22080,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 23880,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 23880,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 22980,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 22980,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 24780,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 24780,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 23880,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 23880,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 25680,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 25680,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 24780,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 24780,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 26580,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 26580,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 25680,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 25680,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "Northgate",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "40:40",
-                                        "name": "Sound Transit",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 26580,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 26580,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
+                                        },
                                       },
-                                      "color": "28813F",
-                                      "longName": "Northgate - Angle Lake",
-                                      "mode": "TRAM",
-                                      "shortName": "1 Line",
-                                      "textColor": "FFFFFF",
-                                      "type": 0,
-                                    },
+                                    ],
                                   },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 25680,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 25680,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                  Object {
+                                    "pattern": Object {
+                                      "headsign": "Northgate",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
                                         },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
                                       },
                                     },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 23880,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 23880,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 25680,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 25680,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 22080,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 22080,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 23880,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 23880,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 20280,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 20280,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 22080,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 22080,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 18540,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 18540,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 20280,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 20280,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "Northgate",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "40:40",
-                                        "name": "Sound Transit",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 18540,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 18540,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
+                                        },
                                       },
-                                      "color": "28813F",
-                                      "longName": "Northgate - Angle Lake",
-                                      "mode": "TRAM",
-                                      "shortName": "1 Line",
-                                      "textColor": "FFFFFF",
-                                      "type": 0,
-                                    },
+                                    ],
                                   },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
+                                  Object {
+                                    "pattern": Object {
                                       "headsign": "Northgate",
-                                      "realtimeDeparture": 26580,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 26580,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
                                         },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
                                       },
                                     },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 24780,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 24780,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 26580,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 26580,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 22980,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 22980,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 24780,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 24780,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 21180,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 21180,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 22980,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 22980,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 19380,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 19380,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 21180,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 21180,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "Northgate",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "40:40",
-                                        "name": "Sound Transit",
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 19380,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 19380,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
+                                        },
                                       },
-                                      "color": "28813F",
-                                      "longName": "Northgate - Angle Lake",
-                                      "mode": "TRAM",
-                                      "shortName": "1 Line",
-                                      "textColor": "FFFFFF",
-                                      "type": 0,
-                                    },
+                                    ],
                                   },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
+                                  Object {
+                                    "pattern": Object {
                                       "headsign": "Northgate",
-                                      "realtimeDeparture": 52740,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 52740,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
                                         },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
                                       },
                                     },
-                                    Object {
-                                      "departureDelay": 3,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 52143,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 52140,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 52740,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 52740,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": 162,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 51702,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 51540,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 3,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 52143,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 52140,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": -7,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 50933,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 50940,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": 162,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 51702,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 51540,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                    Object {
-                                      "departureDelay": -149,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 50191,
-                                      "realtimeState": "UPDATED",
-                                      "scheduledDeparture": 50340,
-                                      "serviceDay": 1705046400,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": -7,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 50933,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 50940,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                  ],
-                                },
-                                Object {
-                                  "pattern": Object {
-                                    "headsign": "Northgate",
-                                    "route": Object {
-                                      "agency": Object {
-                                        "gtfsId": "40:40",
-                                        "name": "Sound Transit",
-                                      },
-                                      "color": "28813F",
-                                      "longName": "Northgate - Angle Lake",
-                                      "mode": "TRAM",
-                                      "shortName": "1 Line",
-                                      "textColor": "FFFFFF",
-                                      "type": 0,
-                                    },
-                                  },
-                                  "stoptimes": Array [
-                                    Object {
-                                      "departureDelay": 0,
-                                      "headsign": "Northgate",
-                                      "realtimeDeparture": 16920,
-                                      "realtimeState": "SCHEDULED",
-                                      "scheduledDeparture": 16920,
-                                      "serviceDay": 1705132800,
-                                      "trip": Object {
-                                        "route": Object {
-                                          "shortName": "1 Line",
+                                      Object {
+                                        "departureDelay": -149,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 50191,
+                                        "realtimeState": "UPDATED",
+                                        "scheduledDeparture": 50340,
+                                        "serviceDay": 1705046400,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
                                         },
                                       },
-                                    },
-                                  ],
-                                },
-                              ],
-                            }
-                          }
-                        />
-                      }
-                      showOperatorLogo={true}
-                      stopData={
-                        Object {
-                          "__typename": "Stop",
-                          "code": null,
-                          "gtfsId": "40:990004",
-                          "id": "U3RvcDo0MDo5OTAwMDQ",
-                          "lat": 47.677081,
-                          "lon": -122.315928,
-                          "name": "Roosevelt",
-                          "stoptimesForPatterns": Array [
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Northgate",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "40:40",
-                                    "name": "Sound Transit",
-                                  },
-                                  "color": "28813F",
-                                  "longName": "Northgate - Angle Lake",
-                                  "mode": "TRAM",
-                                  "shortName": "1 Line",
-                                  "textColor": "FFFFFF",
-                                  "type": 0,
-                                },
-                              },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": -149,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 50191,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 50340,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": -7,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 50933,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 50940,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
-                                    },
-                                  },
-                                },
-                                Object {
-                                  "departureDelay": 162,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 51702,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 51540,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
-                                    },
+                                    ],
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 3,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 52143,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 52140,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "pattern": Object {
+                                      "headsign": "Northgate",
+                                      "route": Object {
+                                        "agency": Object {
+                                          "gtfsId": "40:40",
+                                          "name": "Sound Transit",
+                                        },
+                                        "color": "28813F",
+                                        "longName": "Northgate - Angle Lake",
+                                        "mode": "TRAM",
+                                        "shortName": "1 Line",
+                                        "textColor": "FFFFFF",
+                                        "type": 0,
+                                      },
                                     },
+                                    "stoptimes": Array [
+                                      Object {
+                                        "departureDelay": 0,
+                                        "headsign": "Northgate",
+                                        "realtimeDeparture": 16920,
+                                        "realtimeState": "SCHEDULED",
+                                        "scheduledDeparture": 16920,
+                                        "serviceDay": 1705132800,
+                                        "trip": Object {
+                                          "route": Object {
+                                            "shortName": "1 Line",
+                                          },
+                                        },
+                                      },
+                                    ],
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
+                                ],
+                              }
+                            }
+                          />
+                        }
+                        homeTimezone="America/Los_Angeles"
+                        stopData={
+                          Object {
+                            "__typename": "Stop",
+                            "code": null,
+                            "gtfsId": "40:990004",
+                            "id": "U3RvcDo0MDo5OTAwMDQ",
+                            "lat": 47.677081,
+                            "lon": -122.315928,
+                            "name": "Roosevelt",
+                            "stoptimesForPatterns": Array [
+                              Object {
+                                "pattern": Object {
                                   "headsign": "Northgate",
-                                  "realtimeDeparture": 52740,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 52740,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "40:40",
+                                      "name": "Sound Transit",
                                     },
+                                    "color": "28813F",
+                                    "longName": "Northgate - Angle Lake",
+                                    "mode": "TRAM",
+                                    "shortName": "1 Line",
+                                    "textColor": "FFFFFF",
+                                    "type": 0,
                                   },
                                 },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 53760,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 53760,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": -149,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 50191,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 50340,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 16920,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 16920,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": -7,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 50933,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 50940,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 18540,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 18540,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 162,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 51702,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 51540,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 19380,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 19380,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 3,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 52143,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 52140,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 20280,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 20280,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 52740,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 52740,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 21180,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 21180,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 53760,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 53760,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 22080,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 22080,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 16920,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 16920,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 22980,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 22980,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 18540,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 18540,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 23880,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 23880,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 19380,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 19380,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 24780,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 24780,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 20280,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 20280,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 25680,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 25680,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 21180,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 21180,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 26580,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 26580,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 22080,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 22080,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Northgate",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "40:40",
-                                    "name": "Sound Transit",
-                                  },
-                                  "color": "28813F",
-                                  "longName": "Northgate - Angle Lake",
-                                  "mode": "TRAM",
-                                  "shortName": "1 Line",
-                                  "textColor": "FFFFFF",
-                                  "type": 0,
-                                },
-                              },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 25680,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 25680,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 22980,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 22980,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 23880,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 23880,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 23880,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 23880,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 22080,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 22080,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 24780,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24780,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 20280,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 20280,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 25680,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 25680,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 18540,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 18540,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 26580,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 26580,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Northgate",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "40:40",
-                                    "name": "Sound Transit",
-                                  },
-                                  "color": "28813F",
-                                  "longName": "Northgate - Angle Lake",
-                                  "mode": "TRAM",
-                                  "shortName": "1 Line",
-                                  "textColor": "FFFFFF",
-                                  "type": 0,
-                                },
+                                ],
                               },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
+                              Object {
+                                "pattern": Object {
                                   "headsign": "Northgate",
-                                  "realtimeDeparture": 26580,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 26580,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "40:40",
+                                      "name": "Sound Transit",
                                     },
+                                    "color": "28813F",
+                                    "longName": "Northgate - Angle Lake",
+                                    "mode": "TRAM",
+                                    "shortName": "1 Line",
+                                    "textColor": "FFFFFF",
+                                    "type": 0,
                                   },
                                 },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 24780,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 24780,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 25680,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 25680,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 22980,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 22980,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 23880,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 23880,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 21180,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 21180,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 22080,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 22080,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 0,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 19380,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 19380,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 20280,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 20280,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Northgate",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "40:40",
-                                    "name": "Sound Transit",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 18540,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 18540,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
+                                    },
                                   },
-                                  "color": "28813F",
-                                  "longName": "Northgate - Angle Lake",
-                                  "mode": "TRAM",
-                                  "shortName": "1 Line",
-                                  "textColor": "FFFFFF",
-                                  "type": 0,
-                                },
+                                ],
                               },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
+                              Object {
+                                "pattern": Object {
                                   "headsign": "Northgate",
-                                  "realtimeDeparture": 52740,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 52740,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "40:40",
+                                      "name": "Sound Transit",
                                     },
+                                    "color": "28813F",
+                                    "longName": "Northgate - Angle Lake",
+                                    "mode": "TRAM",
+                                    "shortName": "1 Line",
+                                    "textColor": "FFFFFF",
+                                    "type": 0,
                                   },
                                 },
-                                Object {
-                                  "departureDelay": 3,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 52143,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 52140,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 26580,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 26580,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": 162,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 51702,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 51540,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 24780,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24780,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": -7,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 50933,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 50940,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 22980,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 22980,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                                Object {
-                                  "departureDelay": -149,
-                                  "headsign": "Northgate",
-                                  "realtimeDeparture": 50191,
-                                  "realtimeState": "UPDATED",
-                                  "scheduledDeparture": 50340,
-                                  "serviceDay": 1705046400,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 21180,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 21180,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
                                     },
                                   },
-                                },
-                              ],
-                            },
-                            Object {
-                              "pattern": Object {
-                                "headsign": "Northgate",
-                                "route": Object {
-                                  "agency": Object {
-                                    "gtfsId": "40:40",
-                                    "name": "Sound Transit",
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 19380,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 19380,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
+                                      },
+                                    },
                                   },
-                                  "color": "28813F",
-                                  "longName": "Northgate - Angle Lake",
-                                  "mode": "TRAM",
-                                  "shortName": "1 Line",
-                                  "textColor": "FFFFFF",
-                                  "type": 0,
-                                },
+                                ],
                               },
-                              "stoptimes": Array [
-                                Object {
-                                  "departureDelay": 0,
+                              Object {
+                                "pattern": Object {
                                   "headsign": "Northgate",
-                                  "realtimeDeparture": 16920,
-                                  "realtimeState": "SCHEDULED",
-                                  "scheduledDeparture": 16920,
-                                  "serviceDay": 1705132800,
-                                  "trip": Object {
-                                    "route": Object {
-                                      "shortName": "1 Line",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "40:40",
+                                      "name": "Sound Transit",
                                     },
+                                    "color": "28813F",
+                                    "longName": "Northgate - Angle Lake",
+                                    "mode": "TRAM",
+                                    "shortName": "1 Line",
+                                    "textColor": "FFFFFF",
+                                    "type": 0,
                                   },
                                 },
-                              ],
-                            },
-                          ],
-                        }
-                      }
-                    >
-                      <Stop
-                        fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
-                              Object {
-                                "__typename": "Stop",
-                                "code": null,
-                                "gtfsId": "40:990004",
-                                "id": "U3RvcDo0MDo5OTAwMDQ",
-                                "lat": 47.677081,
-                                "lon": -122.315928,
-                                "name": "Roosevelt",
-                                "stoptimesForPatterns": Array [
+                                "stoptimes": Array [
                                   Object {
-                                    "pattern": Object {
-                                      "headsign": "Northgate",
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 52740,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 52740,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
                                       "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
-                                        },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
                                         "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
                                       },
                                     },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": -149,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 50191,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 50340,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": -7,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 50933,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 50940,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 162,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 51702,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 51540,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 3,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 52143,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 52140,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 52740,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 52740,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 53760,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 53760,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 16920,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 16920,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 18540,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 18540,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 19380,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 19380,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 20280,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 20280,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
+                                  },
+                                  Object {
+                                    "departureDelay": 3,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 52143,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 52140,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 21180,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 21180,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 162,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 51702,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 51540,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 22080,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 22080,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": -7,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 50933,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 50940,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 22980,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 22980,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": -149,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 50191,
+                                    "realtimeState": "UPDATED",
+                                    "scheduledDeparture": 50340,
+                                    "serviceDay": 1705046400,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 23880,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 23880,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
-                                          },
-                                        },
+                                    },
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "Northgate",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "40:40",
+                                      "name": "Sound Transit",
+                                    },
+                                    "color": "28813F",
+                                    "longName": "Northgate - Angle Lake",
+                                    "mode": "TRAM",
+                                    "shortName": "1 Line",
+                                    "textColor": "FFFFFF",
+                                    "type": 0,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Northgate",
+                                    "realtimeDeparture": 16920,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 16920,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "1 Line",
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 24780,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 24780,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                    },
+                                  },
+                                ],
+                              },
+                            ],
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/40:990004"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
+                                    Object {
+                                      "__typename": "Stop",
+                                      "code": null,
+                                      "gtfsId": "40:990004",
+                                      "id": "U3RvcDo0MDo5OTAwMDQ",
+                                      "lat": 47.677081,
+                                      "lon": -122.315928,
+                                      "name": "Roosevelt",
+                                      "stoptimesForPatterns": Array [
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "40:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "28813F",
+                                              "longName": "Northgate - Angle Lake",
+                                              "mode": "TRAM",
+                                              "shortName": "1 Line",
+                                              "textColor": "FFFFFF",
+                                              "type": 0,
+                                            },
                                           },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": -149,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 50191,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50340,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": -7,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 50933,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50940,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 162,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 51702,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 51540,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 3,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 52143,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 52140,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 52740,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52740,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 53760,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53760,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 16920,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 16920,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 18540,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 18540,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 19380,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 19380,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 20280,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 20280,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 21180,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 21180,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 22080,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22080,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 22980,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22980,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 23880,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 23880,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 24780,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24780,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 25680,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 25680,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 26580,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 26580,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                          ],
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 25680,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 25680,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "40:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "28813F",
+                                              "longName": "Northgate - Angle Lake",
+                                              "mode": "TRAM",
+                                              "shortName": "1 Line",
+                                              "textColor": "FFFFFF",
+                                              "type": 0,
+                                            },
                                           },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 25680,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 25680,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 23880,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 23880,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 22080,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22080,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 20280,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 20280,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 18540,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 18540,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                          ],
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 26580,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 26580,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "40:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "28813F",
+                                              "longName": "Northgate - Angle Lake",
+                                              "mode": "TRAM",
+                                              "shortName": "1 Line",
+                                              "textColor": "FFFFFF",
+                                              "type": 0,
+                                            },
                                           },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 26580,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 26580,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 24780,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24780,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 22980,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22980,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 21180,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 21180,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 19380,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 19380,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                          ],
                                         },
-                                      },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "Northgate",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
-                                        },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      },
-                                    },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 25680,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 25680,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "40:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "28813F",
+                                              "longName": "Northgate - Angle Lake",
+                                              "mode": "TRAM",
+                                              "shortName": "1 Line",
+                                              "textColor": "FFFFFF",
+                                              "type": 0,
+                                            },
                                           },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 52740,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52740,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 3,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 52143,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 52140,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 162,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 51702,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 51540,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": -7,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 50933,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50940,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": -149,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 50191,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50340,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                          ],
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 23880,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 23880,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "40:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "28813F",
+                                              "longName": "Northgate - Angle Lake",
+                                              "mode": "TRAM",
+                                              "shortName": "1 Line",
+                                              "textColor": "FFFFFF",
+                                              "type": 0,
+                                            },
                                           },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate",
+                                              "realtimeDeparture": 16920,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 16920,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "1 Line",
+                                                },
+                                              },
+                                            },
+                                          ],
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
+                                      ],
+                                    }
+                                  }
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": null,
+                                  "gtfsId": "40:990004",
+                                  "id": "U3RvcDo0MDo5OTAwMDQ",
+                                  "lat": 47.677081,
+                                  "lon": -122.315928,
+                                  "name": "Roosevelt",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
                                         "headsign": "Northgate",
-                                        "realtimeDeparture": 22080,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 22080,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
                                           },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
                                         },
                                       },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 20280,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 20280,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": -149,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 50191,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50340,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 18540,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 18540,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": -7,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 50933,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "Northgate",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
-                                        },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      },
-                                    },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 26580,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 26580,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 162,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 51702,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 51540,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 24780,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 24780,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 3,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 52143,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 52140,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 22980,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 22980,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 52740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52740,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 21180,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 21180,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 53760,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53760,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 19380,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 19380,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 16920,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 16920,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "Northgate",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
-                                        },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      },
-                                    },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 52740,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 52740,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 18540,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 18540,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 3,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 52143,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 52140,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 19380,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 19380,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": 162,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 51702,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 51540,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 20280,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 20280,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": -7,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 50933,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 50940,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 21180,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 21180,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                      Object {
-                                        "departureDelay": -149,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 50191,
-                                        "realtimeState": "UPDATED",
-                                        "scheduledDeparture": 50340,
-                                        "serviceDay": 1705046400,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 22080,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22080,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                    ],
-                                  },
-                                  Object {
-                                    "pattern": Object {
-                                      "headsign": "Northgate",
-                                      "route": Object {
-                                        "agency": Object {
-                                          "gtfsId": "40:40",
-                                          "name": "Sound Transit",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 22980,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22980,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
                                         },
-                                        "color": "28813F",
-                                        "longName": "Northgate - Angle Lake",
-                                        "mode": "TRAM",
-                                        "shortName": "1 Line",
-                                        "textColor": "FFFFFF",
-                                        "type": 0,
-                                      },
-                                    },
-                                    "stoptimes": Array [
-                                      Object {
-                                        "departureDelay": 0,
-                                        "headsign": "Northgate",
-                                        "realtimeDeparture": 16920,
-                                        "realtimeState": "SCHEDULED",
-                                        "scheduledDeparture": 16920,
-                                        "serviceDay": 1705132800,
-                                        "trip": Object {
-                                          "route": Object {
-                                            "shortName": "1 Line",
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 23880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23880,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
                                           },
                                         },
-                                      },
-                                    ],
-                                  },
-                                ],
-                              }
-                            }
-                          />
-                        }
-                        homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
-                        stopData={
-                          Object {
-                            "__typename": "Stop",
-                            "code": null,
-                            "gtfsId": "40:990004",
-                            "id": "U3RvcDo0MDo5OTAwMDQ",
-                            "lat": 47.677081,
-                            "lon": -122.315928,
-                            "name": "Roosevelt",
-                            "stoptimesForPatterns": Array [
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Northgate",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "40:40",
-                                      "name": "Sound Transit",
-                                    },
-                                    "color": "28813F",
-                                    "longName": "Northgate - Angle Lake",
-                                    "mode": "TRAM",
-                                    "shortName": "1 Line",
-                                    "textColor": "FFFFFF",
-                                    "type": 0,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": -149,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 50191,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 50340,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": -7,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 50933,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 50940,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 162,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 51702,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 51540,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 3,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 52143,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 52140,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 52740,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 52740,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 53760,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 53760,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 16920,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 16920,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 18540,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 18540,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 19380,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 19380,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 20280,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 20280,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 21180,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 21180,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 22080,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 22080,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 22980,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 22980,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 23880,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 23880,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 24780,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24780,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 25680,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 25680,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 26580,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 26580,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Northgate",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "40:40",
-                                      "name": "Sound Transit",
-                                    },
-                                    "color": "28813F",
-                                    "longName": "Northgate - Angle Lake",
-                                    "mode": "TRAM",
-                                    "shortName": "1 Line",
-                                    "textColor": "FFFFFF",
-                                    "type": 0,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 25680,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 25680,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 23880,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 23880,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 22080,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 22080,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 20280,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 20280,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 18540,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 18540,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Northgate",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "40:40",
-                                      "name": "Sound Transit",
-                                    },
-                                    "color": "28813F",
-                                    "longName": "Northgate - Angle Lake",
-                                    "mode": "TRAM",
-                                    "shortName": "1 Line",
-                                    "textColor": "FFFFFF",
-                                    "type": 0,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 26580,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 26580,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 24780,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24780,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 22980,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 22980,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 21180,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 21180,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 19380,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 19380,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Northgate",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "40:40",
-                                      "name": "Sound Transit",
-                                    },
-                                    "color": "28813F",
-                                    "longName": "Northgate - Angle Lake",
-                                    "mode": "TRAM",
-                                    "shortName": "1 Line",
-                                    "textColor": "FFFFFF",
-                                    "type": 0,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 52740,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 52740,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 3,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 52143,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 52140,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
-                                    },
-                                  },
-                                  Object {
-                                    "departureDelay": 162,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 51702,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 51540,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
-                                      },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 24780,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24780,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 25680,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25680,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 26580,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26580,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": -7,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 50933,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 50940,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 25680,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 25680,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 23880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 23880,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 22080,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22080,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 20280,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 20280,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 18540,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 18540,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": -149,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 50191,
-                                    "realtimeState": "UPDATED",
-                                    "scheduledDeparture": 50340,
-                                    "serviceDay": 1705046400,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 26580,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26580,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 24780,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24780,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 22980,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22980,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 21180,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 21180,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 19380,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 19380,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Northgate",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "40:40",
-                                      "name": "Sound Transit",
-                                    },
-                                    "color": "28813F",
-                                    "longName": "Northgate - Angle Lake",
-                                    "mode": "TRAM",
-                                    "shortName": "1 Line",
-                                    "textColor": "FFFFFF",
-                                    "type": 0,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Northgate",
-                                    "realtimeDeparture": 16920,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 16920,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "1 Line",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
                                       },
-                                    },
-                                  },
-                                ],
-                              },
-                            ],
-                          }
-                        }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
-                      >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
-                          <div
-                            className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
-                                      Object {
-                                        "stopId": "40:990004",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
+                                      "stoptimes": Array [
                                         Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 52740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52740,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 3,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 52143,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 52140,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 162,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 51702,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 51540,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": -7,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 50933,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": -149,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 50191,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50340,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "1 Line",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
                                     Object {
-                                      "__typename": "Stop",
-                                      "code": null,
-                                      "gtfsId": "40:990004",
-                                      "id": "U3RvcDo0MDo5OTAwMDQ",
-                                      "lat": 47.677081,
-                                      "lon": -122.315928,
-                                      "name": "Roosevelt",
-                                      "stoptimesForPatterns": Array [
+                                      "pattern": Object {
+                                        "headsign": "Northgate",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "40:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "28813F",
+                                          "longName": "Northgate - Angle Lake",
+                                          "mode": "TRAM",
+                                          "shortName": "1 Line",
+                                          "textColor": "FFFFFF",
+                                          "type": 0,
+                                        },
+                                      },
+                                      "stoptimes": Array [
                                         Object {
-                                          "pattern": Object {
-                                            "headsign": "Northgate",
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate",
+                                          "realtimeDeparture": 16920,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 16920,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
                                             "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "40:40",
-                                                "name": "Sound Transit",
-                                              },
-                                              "color": "28813F",
-                                              "longName": "Northgate - Angle Lake",
-                                              "mode": "TRAM",
                                               "shortName": "1 Line",
-                                              "textColor": "FFFFFF",
-                                              "type": 0,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": -149,
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/40:990004"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": null,
+                                        "gtfsId": "40:990004",
+                                        "id": "U3RvcDo0MDo5OTAwMDQ",
+                                        "lat": 47.677081,
+                                        "lon": -122.315928,
+                                        "name": "Roosevelt",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Northgate",
-                                              "realtimeDeparture": 50191,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50340,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": -7,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 50933,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50940,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": -149,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 50191,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50340,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": -7,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 50933,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50940,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 162,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 51702,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 51540,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 3,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 52143,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 52140,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 52740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52740,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 53760,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53760,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 16920,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 16920,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 18540,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 18540,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 19380,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 19380,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 20280,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 20280,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 21180,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 21180,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 22080,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22080,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 22980,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22980,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 23880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23880,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 24780,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24780,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 25680,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25680,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 162,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 51702,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 51540,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 26580,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26580,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 3,
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Northgate",
-                                              "realtimeDeparture": 52143,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 52140,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 52740,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52740,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 25680,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 25680,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 53760,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53760,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 23880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 23880,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 16920,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 16920,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 22080,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22080,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 18540,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 18540,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 20280,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 20280,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 19380,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 19380,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 18540,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 18540,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Northgate",
-                                              "realtimeDeparture": 20280,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 20280,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 21180,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 21180,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 26580,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26580,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 22080,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22080,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 24780,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24780,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 22980,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22980,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 22980,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22980,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 23880,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 23880,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 21180,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 21180,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 19380,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 19380,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Northgate",
-                                              "realtimeDeparture": 24780,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24780,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 52740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52740,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 3,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 52143,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 52140,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 162,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 51702,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 51540,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": -7,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 50933,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50940,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": -149,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 50191,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50340,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Northgate",
-                                              "realtimeDeparture": 25680,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 25680,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "40:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "28813F",
+                                                "longName": "Northgate - Angle Lake",
+                                                "mode": "TRAM",
+                                                "shortName": "1 Line",
+                                                "textColor": "FFFFFF",
+                                                "type": 0,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 26580,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 26580,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate",
+                                                "realtimeDeparture": 16920,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 16920,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "1 Line",
+                                                  },
                                                 },
                                               },
+                                            ],
+                                          },
+                                        ],
+                                      }
+                                    }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": null,
+                                    "gtfsId": "40:990004",
+                                    "id": "U3RvcDo0MDo5OTAwMDQ",
+                                    "lat": 47.677081,
+                                    "lon": -122.315928,
+                                    "name": "Roosevelt",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
                                             },
-                                          ],
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": -149,
                                             "headsign": "Northgate",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "40:40",
-                                                "name": "Sound Transit",
+                                            "realtimeDeparture": 50191,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50340,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
-                                              "color": "28813F",
-                                              "longName": "Northgate - Angle Lake",
-                                              "mode": "TRAM",
-                                              "shortName": "1 Line",
-                                              "textColor": "FFFFFF",
-                                              "type": 0,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 25680,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 25680,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          Object {
+                                            "departureDelay": -7,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 50933,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50940,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 23880,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 23880,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 162,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 51702,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 51540,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 22080,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22080,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 3,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 52143,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 52140,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 20280,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 20280,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 52740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52740,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 18540,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 18540,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 53760,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53760,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
                                             "headsign": "Northgate",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "40:40",
-                                                "name": "Sound Transit",
+                                            "realtimeDeparture": 16920,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 16920,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
-                                              "color": "28813F",
-                                              "longName": "Northgate - Angle Lake",
-                                              "mode": "TRAM",
-                                              "shortName": "1 Line",
-                                              "textColor": "FFFFFF",
-                                              "type": 0,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 26580,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 26580,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 18540,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 18540,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 24780,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24780,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 19380,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 19380,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 22980,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22980,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 20280,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 20280,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 21180,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 21180,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 21180,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 21180,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 19380,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 19380,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 22080,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22080,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                          ],
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 22980,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22980,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 23880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23880,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 24780,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24780,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 25680,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25680,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 26580,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26580,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
                                             "headsign": "Northgate",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "40:40",
-                                                "name": "Sound Transit",
+                                            "realtimeDeparture": 25680,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 25680,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
-                                              "color": "28813F",
-                                              "longName": "Northgate - Angle Lake",
-                                              "mode": "TRAM",
-                                              "shortName": "1 Line",
-                                              "textColor": "FFFFFF",
-                                              "type": 0,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 52740,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52740,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 23880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 23880,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 3,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 52143,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 52140,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 22080,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22080,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 162,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 51702,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 51540,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 20280,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 20280,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 18540,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 18540,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 26580,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26580,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 24780,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24780,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 22980,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22980,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 21180,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 21180,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 19380,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 19380,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 52740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52740,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": -7,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 50933,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50940,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 3,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 52143,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 52140,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": -149,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 50191,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50340,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 162,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 51702,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 51540,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
+                                          },
+                                          Object {
+                                            "departureDelay": -7,
                                             "headsign": "Northgate",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "40:40",
-                                                "name": "Sound Transit",
+                                            "realtimeDeparture": 50933,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50940,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
-                                              "color": "28813F",
-                                              "longName": "Northgate - Angle Lake",
-                                              "mode": "TRAM",
-                                              "shortName": "1 Line",
-                                              "textColor": "FFFFFF",
-                                              "type": 0,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate",
-                                              "realtimeDeparture": 16920,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 16920,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "1 Line",
-                                                },
+                                          Object {
+                                            "departureDelay": -149,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 50191,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50340,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
                                               },
                                             },
-                                          ],
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "40:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "28813F",
+                                            "longName": "Northgate - Angle Lake",
+                                            "mode": "TRAM",
+                                            "shortName": "1 Line",
+                                            "textColor": "FFFFFF",
+                                            "type": 0,
+                                          },
                                         },
-                                      ],
-                                    }
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate",
+                                            "realtimeDeparture": 16920,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 16920,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "1 Line",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    ],
                                   }
-                                >
-                                  <span
-                                    role="group"
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          Roosevelt
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "40:990004",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/40:990004"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/40:990004"
+                                          style={
+                                            Object {
+                                              "color": "inherit",
+                                              "fontSize": "small",
+                                            }
+                                          }
                                         >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
+                                          >
+                                            <div
+                                              style={
+                                                Object {
+                                                  "display": "contents",
+                                                }
+                                              }
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
+                                                  <Calendar>
                                                     <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
                                                       iconAttrs={
                                                         Object {
                                                           "fill": "currentColor",
@@ -31676,11 +43240,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         }
                                                       }
                                                       iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
+                                                      iconViewBox="0 0 448 512"
                                                     >
                                                       <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31688,130 +43251,1301 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           }
                                                         }
                                                         iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
+                                                        iconViewBox="0 0 448 512"
                                                       >
                                                         <svg
                                                           aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
                                                           fill="currentColor"
                                                           focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
+                                                          viewBox="0 0 448 512"
                                                           xmlns="http://www.w3.org/2000/svg"
                                                         >
                                                           <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
                                                             fill="currentColor"
                                                           />
                                                         </svg>
                                                       </ForwardRef>
                                                     </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": null,
+                                          "gtfsId": "40:990004",
+                                          "id": "U3RvcDo0MDo5OTAwMDQ",
+                                          "lat": 47.677081,
+                                          "lon": -122.315928,
+                                          "name": "Roosevelt",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": -149,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 50191,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50340,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": -7,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 50933,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50940,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 162,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 51702,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 51540,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 3,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 52143,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 52140,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 52740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52740,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 53760,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53760,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 16920,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 16920,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 18540,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 18540,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 19380,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 19380,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 20280,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 20280,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 21180,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 21180,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 22080,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22080,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 22980,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22980,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 23880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23880,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 24780,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24780,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 25680,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25680,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 26580,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26580,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 25680,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 25680,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 23880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 23880,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 22080,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22080,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 20280,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 20280,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 18540,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 18540,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 26580,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26580,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 24780,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24780,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 22980,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22980,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 21180,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 21180,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 19380,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 19380,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 52740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52740,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 3,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 52143,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 52140,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 162,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 51702,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 51540,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": -7,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 50933,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50940,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": -149,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 50191,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50340,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "40:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "28813F",
+                                                  "longName": "Northgate - Angle Lake",
+                                                  "mode": "TRAM",
+                                                  "shortName": "1 Line",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 0,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate",
+                                                  "realtimeDeparture": 16920,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 16920,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "1 Line",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": null,
+                                            "gtfsId": "40:990004",
+                                            "id": "U3RvcDo0MDo5OTAwMDQ",
+                                            "lat": 47.677081,
+                                            "lon": -122.315928,
+                                            "name": "Roosevelt",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": -149,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 50191,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50340,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": -7,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 50933,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50940,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 162,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 51702,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 51540,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 3,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 52143,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 52140,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 52740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52740,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 53760,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53760,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 16920,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 16920,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 18540,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 18540,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 19380,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 19380,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 20280,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 20280,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 21180,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 21180,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 22080,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22080,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 22980,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22980,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 23880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23880,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 24780,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24780,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 25680,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25680,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 26580,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26580,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 25680,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 25680,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 23880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 23880,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 22080,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22080,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 20280,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 20280,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 18540,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 18540,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 26580,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26580,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 24780,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24780,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 22980,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22980,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 21180,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 21180,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 19380,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 19380,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 52740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52740,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 3,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 52143,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 52140,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 162,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 51702,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 51540,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": -7,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 50933,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50940,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": -149,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 50191,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50340,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "40:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "28813F",
+                                                    "longName": "Northgate - Angle Lake",
+                                                    "mode": "TRAM",
+                                                    "shortName": "1 Line",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 0,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate",
+                                                    "realtimeDeparture": 16920,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 16920,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "1 Line",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
+                                                    <LocationIcon
                                                       size="0.9em"
+                                                      type="from"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
+                                                      <Styled(DotCircle)
+                                                        className=""
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
+                                                        >
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
+                                                    >
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
+                                                        >
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
                                         </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
                             <div>
                               <div />
                               <styled.ul>
@@ -32131,7 +44865,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-JoojE bMhDjL"
+                                                    className="sc-ihmZXn vnLhq"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -32746,9 +45480,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "Stop",
                               "code": "23561",
@@ -33390,7 +46123,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           }
                         />
                       }
-                      showOperatorLogo={true}
                       stopData={
                         Object {
                           "__typename": "Stop",
@@ -34033,10 +46765,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       }
                     >
                       <Stop
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "Stop",
                                 "code": "23561",
@@ -34679,10 +47411,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           />
                         }
                         homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
                         stopData={
                           Object {
                             "__typename": "Stop",
@@ -35233,1060 +47961,4308 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         "shortName": "73",
                                       },
                                     },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Jackson Park Maple Leaf",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
-                                    },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "73",
-                                    "textColor": null,
-                                    "type": 3,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Jackson Park Maple Leaf",
-                                    "realtimeDeparture": 38700,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 38700,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "Jackson Park Maple Leaf",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "73",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Jackson Park Maple Leaf",
+                                    "realtimeDeparture": 38700,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 38700,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Jackson Park Maple Leaf",
+                                    "realtimeDeparture": 35040,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 35040,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Jackson Park Maple Leaf",
+                                    "realtimeDeparture": 31380,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 31380,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Jackson Park Maple Leaf",
+                                    "realtimeDeparture": 27660,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 27660,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Jackson Park Maple Leaf",
+                                    "realtimeDeparture": 24060,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24060,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "73",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                            ],
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/kcm:23561"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
+                                    Object {
+                                      "__typename": "Stop",
+                                      "code": "23561",
+                                      "gtfsId": "kcm:23561",
+                                      "id": "U3RvcDprY206MjM1NjE",
+                                      "lat": 47.6771355,
+                                      "lon": -122.315582,
+                                      "name": "Roosevelt Station - Bay 3",
+                                      "stoptimesForPatterns": Array [
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Bothell",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "2B376E",
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "522",
+                                              "textColor": "FFFFFF",
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Bothell",
+                                              "realtimeDeparture": 50160,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 50160,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Bothell",
+                                              "realtimeDeparture": 51960,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51960,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Bothell",
+                                              "realtimeDeparture": 54180,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 54180,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Bothell",
+                                              "realtimeDeparture": 55920,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 55920,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Bothell",
+                                              "realtimeDeparture": 57840,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 57840,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Kenmore P&R",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "322",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 62160,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 62160,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 64080,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 64080,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 66000,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 66000,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Woodinville",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:40",
+                                                "name": "Sound Transit",
+                                              },
+                                              "color": "2B376E",
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "522",
+                                              "textColor": "FFFFFF",
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Woodinville",
+                                              "realtimeDeparture": 51060,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51060,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Woodinville",
+                                              "realtimeDeparture": 53040,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53040,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Woodinville",
+                                              "realtimeDeparture": 54960,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 54960,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Woodinville",
+                                              "realtimeDeparture": 56880,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 56880,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Woodinville",
+                                              "realtimeDeparture": 58800,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 58800,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "522",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Kenmore P&R Roosevelt Station",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "322",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 59280,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 59280,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 61200,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 61200,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 65040,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 65040,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 68880,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 68880,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Kenmore P&R",
+                                              "realtimeDeparture": 72360,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 72360,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "322",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "67",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 7,
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "realtimeDeparture": 50343,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50336,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "realtimeDeparture": 51236,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51236,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "realtimeDeparture": 52136,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52136,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "realtimeDeparture": 53036,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53036,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "realtimeDeparture": 53996,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53996,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "67",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "73",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 51300,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51300,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 54900,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 54900,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 56760,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 56760,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 58560,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 58560,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 60360,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 60360,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 24060,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24060,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 27660,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27660,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 31380,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 31380,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 35040,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 35040,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 38700,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 38700,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "73",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 38700,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 38700,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 35040,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 35040,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 31380,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 31380,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 27660,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27660,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "realtimeDeparture": 24060,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24060,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "73",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    }
+                                  }
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": "23561",
+                                  "gtfsId": "kcm:23561",
+                                  "id": "U3RvcDprY206MjM1NjE",
+                                  "lat": 47.6771355,
+                                  "lon": -122.315582,
+                                  "name": "Roosevelt Station - Bay 3",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Bothell",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "2B376E",
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "522",
+                                          "textColor": "FFFFFF",
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Bothell",
+                                          "realtimeDeparture": 50160,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50160,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Bothell",
+                                          "realtimeDeparture": 51960,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51960,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Bothell",
+                                          "realtimeDeparture": 54180,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54180,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Bothell",
+                                          "realtimeDeparture": 55920,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 55920,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Bothell",
+                                          "realtimeDeparture": 57840,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 57840,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Kenmore P&R",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "322",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 62160,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 62160,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 64080,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 64080,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 66000,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 66000,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Jackson Park Maple Leaf",
-                                    "realtimeDeparture": 35040,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 35040,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Woodinville",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:40",
+                                            "name": "Sound Transit",
+                                          },
+                                          "color": "2B376E",
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "522",
+                                          "textColor": "FFFFFF",
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Woodinville",
+                                          "realtimeDeparture": 51060,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51060,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Woodinville",
+                                          "realtimeDeparture": 53040,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53040,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Woodinville",
+                                          "realtimeDeparture": 54960,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54960,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Woodinville",
+                                          "realtimeDeparture": 56880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56880,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Woodinville",
+                                          "realtimeDeparture": 58800,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 58800,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "522",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Jackson Park Maple Leaf",
-                                    "realtimeDeparture": 31380,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 31380,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Kenmore P&R Roosevelt Station",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "322",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 59280,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 59280,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 61200,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 61200,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 65040,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 65040,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 68880,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 68880,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Kenmore P&R",
+                                          "realtimeDeparture": 72360,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 72360,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "322",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Jackson Park Maple Leaf",
-                                    "realtimeDeparture": 27660,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 27660,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Northgate Station Roosevelt Station",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "67",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 7,
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "realtimeDeparture": 50343,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50336,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "realtimeDeparture": 51236,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51236,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "realtimeDeparture": 52136,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52136,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "realtimeDeparture": 53036,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53036,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "realtimeDeparture": 53996,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53996,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "67",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Jackson Park Maple Leaf",
-                                    "realtimeDeparture": 24060,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24060,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "73",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Jackson Park Maple Leaf",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "73",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
-                                    },
-                                  },
-                                ],
-                              },
-                            ],
-                          }
-                        }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
-                      >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
-                          <div
-                            className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          Roosevelt Station - Bay 3
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
-                                      Object {
-                                        "stopId": "23561",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 51300,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51300,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 54900,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54900,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 56760,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 56760,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 58560,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 58560,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 60360,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 60360,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 24060,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24060,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 27660,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27660,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 31380,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 31380,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 35040,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 35040,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
                                         Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 38700,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 38700,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
                                     Object {
-                                      "__typename": "Stop",
-                                      "code": "23561",
-                                      "gtfsId": "kcm:23561",
-                                      "id": "U3RvcDprY206MjM1NjE",
-                                      "lat": 47.6771355,
-                                      "lon": -122.315582,
-                                      "name": "Roosevelt Station - Bay 3",
-                                      "stoptimesForPatterns": Array [
+                                      "pattern": Object {
+                                        "headsign": "Jackson Park Maple Leaf",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "73",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
                                         Object {
-                                          "pattern": Object {
-                                            "headsign": "Bothell",
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 38700,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 38700,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
                                             "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:40",
-                                                "name": "Sound Transit",
-                                              },
-                                              "color": "2B376E",
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "522",
-                                              "textColor": "FFFFFF",
-                                              "type": 3,
+                                              "shortName": "73",
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 35040,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 35040,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 31380,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 31380,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 27660,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27660,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "realtimeDeparture": 24060,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24060,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "73",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
+                                  Object {
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
+                                  Object {
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/kcm:23561"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
+                                      Object {
+                                        "__typename": "Stop",
+                                        "code": "23561",
+                                        "gtfsId": "kcm:23561",
+                                        "id": "U3RvcDprY206MjM1NjE",
+                                        "lat": 47.6771355,
+                                        "lon": -122.315582,
+                                        "name": "Roosevelt Station - Bay 3",
+                                        "stoptimesForPatterns": Array [
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Bothell",
-                                              "realtimeDeparture": 50160,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 50160,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "2B376E",
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "522",
+                                                "textColor": "FFFFFF",
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Bothell",
-                                              "realtimeDeparture": 51960,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51960,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Bothell",
+                                                "realtimeDeparture": 50160,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50160,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Bothell",
-                                              "realtimeDeparture": 54180,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 54180,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Bothell",
+                                                "realtimeDeparture": 51960,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51960,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Bothell",
+                                                "realtimeDeparture": 54180,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54180,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Bothell",
+                                                "realtimeDeparture": 55920,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 55920,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Bothell",
+                                                "realtimeDeparture": 57840,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 57840,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
                                                 },
                                               },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Kenmore P&R",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "322",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Bothell",
-                                              "realtimeDeparture": 55920,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 55920,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 62160,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 62160,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 64080,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 64080,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 66000,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 66000,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Woodinville",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:40",
+                                                  "name": "Sound Transit",
                                                 },
+                                                "color": "2B376E",
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "522",
+                                                "textColor": "FFFFFF",
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Bothell",
-                                              "realtimeDeparture": 57840,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 57840,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Woodinville",
+                                                "realtimeDeparture": 51060,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51060,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Woodinville",
+                                                "realtimeDeparture": 53040,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53040,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Woodinville",
+                                                "realtimeDeparture": 54960,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54960,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Woodinville",
+                                                "realtimeDeparture": 56880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 56880,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Woodinville",
+                                                "realtimeDeparture": 58800,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 58800,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "522",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Kenmore P&R Roosevelt Station",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "322",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Kenmore P&R",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 59280,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 59280,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 61200,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 61200,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 65040,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 65040,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 68880,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 68880,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Kenmore P&R",
+                                                "realtimeDeparture": 72360,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 72360,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "322",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Northgate Station Roosevelt Station",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "67",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "322",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 7,
+                                                "headsign": "Northgate Station Roosevelt Station",
+                                                "realtimeDeparture": 50343,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50336,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate Station Roosevelt Station",
+                                                "realtimeDeparture": 51236,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51236,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate Station Roosevelt Station",
+                                                "realtimeDeparture": 52136,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52136,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate Station Roosevelt Station",
+                                                "realtimeDeparture": 53036,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53036,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Northgate Station Roosevelt Station",
+                                                "realtimeDeparture": 53996,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53996,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "67",
+                                                  },
+                                                },
+                                              },
+                                            ],
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 62160,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 62160,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "73",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 64080,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 64080,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 51300,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51300,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 54900,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54900,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 56760,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 56760,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 58560,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 58560,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 60360,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 60360,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 24060,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24060,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 27660,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27660,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 31380,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 31380,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 35040,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 35040,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 38700,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 38700,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Jackson Park Maple Leaf",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "73",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 66000,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 66000,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 38700,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 38700,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 35040,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 35040,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 31380,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 31380,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
                                                 },
                                               },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 27660,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27660,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Jackson Park Maple Leaf",
+                                                "realtimeDeparture": 24060,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24060,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "73",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                        ],
+                                      }
+                                    }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": "23561",
+                                    "gtfsId": "kcm:23561",
+                                    "id": "U3RvcDprY206MjM1NjE",
+                                    "lat": 47.6771355,
+                                    "lon": -122.315582,
+                                    "name": "Roosevelt Station - Bay 3",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Bothell",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "2B376E",
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "522",
+                                            "textColor": "FFFFFF",
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Bothell",
+                                            "realtimeDeparture": 50160,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50160,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
                                             },
-                                          ],
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Bothell",
+                                            "realtimeDeparture": 51960,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51960,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Bothell",
+                                            "realtimeDeparture": 54180,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54180,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Bothell",
+                                            "realtimeDeparture": 55920,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 55920,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Bothell",
+                                            "realtimeDeparture": 57840,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 57840,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Kenmore P&R",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "322",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 62160,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 62160,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 64080,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 64080,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 66000,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 66000,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Woodinville",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:40",
+                                              "name": "Sound Transit",
+                                            },
+                                            "color": "2B376E",
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "522",
+                                            "textColor": "FFFFFF",
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
                                             "headsign": "Woodinville",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:40",
-                                                "name": "Sound Transit",
+                                            "realtimeDeparture": 51060,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51060,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
                                               },
-                                              "color": "2B376E",
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "522",
-                                              "textColor": "FFFFFF",
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Woodinville",
-                                              "realtimeDeparture": 51060,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51060,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Woodinville",
+                                            "realtimeDeparture": 53040,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53040,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Woodinville",
-                                              "realtimeDeparture": 53040,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53040,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Woodinville",
+                                            "realtimeDeparture": 54960,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54960,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Woodinville",
+                                            "realtimeDeparture": 56880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 56880,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Woodinville",
+                                            "realtimeDeparture": 58800,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 58800,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "522",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Kenmore P&R Roosevelt Station",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "322",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 59280,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 59280,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 61200,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 61200,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Woodinville",
-                                              "realtimeDeparture": 54960,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 54960,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 65040,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 65040,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Woodinville",
-                                              "realtimeDeparture": 56880,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 56880,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 68880,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 68880,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Woodinville",
-                                              "realtimeDeparture": 58800,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 58800,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "522",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Kenmore P&R",
+                                            "realtimeDeparture": 72360,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 72360,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "322",
                                               },
                                             },
-                                          ],
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Northgate Station Roosevelt Station",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "67",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Kenmore P&R Roosevelt Station",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 7,
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "realtimeDeparture": 50343,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50336,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "322",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 59280,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 59280,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "realtimeDeparture": 51236,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51236,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 61200,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 61200,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "realtimeDeparture": 52136,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52136,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 65040,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 65040,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "realtimeDeparture": 53036,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53036,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 68880,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 68880,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Northgate Station Roosevelt Station",
+                                            "realtimeDeparture": 53996,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53996,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "67",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Kenmore P&R",
-                                              "realtimeDeparture": 72360,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 72360,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "322",
-                                                },
-                                              },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
                                             },
-                                          ],
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "73",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Northgate Station Roosevelt Station",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 51300,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51300,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "67",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 7,
-                                              "headsign": "Northgate Station Roosevelt Station",
-                                              "realtimeDeparture": 50343,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50336,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 54900,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54900,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate Station Roosevelt Station",
-                                              "realtimeDeparture": 51236,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51236,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 56760,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 56760,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate Station Roosevelt Station",
-                                              "realtimeDeparture": 52136,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52136,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 58560,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 58560,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate Station Roosevelt Station",
-                                              "realtimeDeparture": 53036,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53036,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 60360,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 60360,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Northgate Station Roosevelt Station",
-                                              "realtimeDeparture": 53996,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53996,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "67",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 24060,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24060,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
                                             "headsign": "Jackson Park Maple Leaf",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                            "realtimeDeparture": 27660,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27660,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "73",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 51300,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51300,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 31380,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 31380,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 54900,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 54900,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 35040,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 35040,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 56760,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 56760,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 38700,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 38700,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 58560,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 58560,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Jackson Park Maple Leaf",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "73",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 38700,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 38700,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 60360,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 60360,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 35040,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 35040,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 24060,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24060,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 31380,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 31380,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 27660,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27660,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 27660,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27660,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 31380,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 31380,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "73",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Jackson Park Maple Leaf",
+                                            "realtimeDeparture": 24060,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24060,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "73",
                                               },
                                             },
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                  }
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
+                                  >
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          Roosevelt Station - Bay 3
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "23561",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/kcm:23561"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/kcm:23561"
+                                          style={
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 35040,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 35040,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "color": "inherit",
+                                              "fontSize": "small",
+                                            }
+                                          }
+                                        >
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
+                                          >
+                                            <div
+                                              style={
+                                                Object {
+                                                  "display": "contents",
+                                                }
+                                              }
+                                            >
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                >
+                                                  <Calendar>
+                                                    <StyledIconBase
+                                                      iconAttrs={
+                                                        Object {
+                                                          "fill": "currentColor",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        }
+                                                      }
+                                                      iconVerticalAlign="middle"
+                                                      iconViewBox="0 0 448 512"
+                                                    >
+                                                      <ForwardRef
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                        iconAttrs={
+                                                          Object {
+                                                            "fill": "currentColor",
+                                                            "xmlns": "http://www.w3.org/2000/svg",
+                                                          }
+                                                        }
+                                                        iconVerticalAlign="middle"
+                                                        iconViewBox="0 0 448 512"
+                                                      >
+                                                        <svg
+                                                          aria-hidden="true"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
+                                                          fill="currentColor"
+                                                          focusable="false"
+                                                          viewBox="0 0 448 512"
+                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        >
+                                                          <path
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
+                                                            fill="currentColor"
+                                                          />
+                                                        </svg>
+                                                      </ForwardRef>
+                                                    </StyledIconBase>
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
+                                                >
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": "23561",
+                                          "gtfsId": "kcm:23561",
+                                          "id": "U3RvcDprY206MjM1NjE",
+                                          "lat": 47.6771355,
+                                          "lon": -122.315582,
+                                          "name": "Roosevelt Station - Bay 3",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Bothell",
                                                 "route": Object {
-                                                  "shortName": "73",
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "2B376E",
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "522",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Bothell",
+                                                  "realtimeDeparture": 50160,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50160,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Bothell",
+                                                  "realtimeDeparture": 51960,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51960,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Bothell",
+                                                  "realtimeDeparture": 54180,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54180,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Bothell",
+                                                  "realtimeDeparture": 55920,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 55920,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Bothell",
+                                                  "realtimeDeparture": 57840,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 57840,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 38700,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 38700,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Kenmore P&R",
                                                 "route": Object {
-                                                  "shortName": "73",
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "322",
+                                                  "textColor": null,
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 62160,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 62160,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 64080,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 64080,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 66000,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 66000,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Jackson Park Maple Leaf",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
-                                              },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "73",
-                                              "textColor": null,
-                                              "type": 3,
-                                            },
-                                          },
-                                          "stoptimes": Array [
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 38700,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 38700,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Woodinville",
                                                 "route": Object {
-                                                  "shortName": "73",
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:40",
+                                                    "name": "Sound Transit",
+                                                  },
+                                                  "color": "2B376E",
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "522",
+                                                  "textColor": "FFFFFF",
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Woodinville",
+                                                  "realtimeDeparture": 51060,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51060,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
                                                 },
-                                              },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Woodinville",
+                                                  "realtimeDeparture": 53040,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53040,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Woodinville",
+                                                  "realtimeDeparture": 54960,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54960,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Woodinville",
+                                                  "realtimeDeparture": 56880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 56880,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Woodinville",
+                                                  "realtimeDeparture": 58800,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 58800,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "522",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 35040,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 35040,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Kenmore P&R Roosevelt Station",
                                                 "route": Object {
-                                                  "shortName": "73",
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "322",
+                                                  "textColor": null,
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 59280,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 59280,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 61200,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 61200,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 65040,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 65040,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 68880,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 68880,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Kenmore P&R",
+                                                  "realtimeDeparture": 72360,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 72360,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "322",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 31380,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 31380,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Northgate Station Roosevelt Station",
                                                 "route": Object {
-                                                  "shortName": "73",
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "67",
+                                                  "textColor": null,
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 7,
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "realtimeDeparture": 50343,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50336,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "realtimeDeparture": 51236,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51236,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "realtimeDeparture": 52136,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52136,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "realtimeDeparture": 53036,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53036,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "realtimeDeparture": 53996,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53996,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "67",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 27660,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27660,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Jackson Park Maple Leaf",
                                                 "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
                                                   "shortName": "73",
+                                                  "textColor": null,
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 51300,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51300,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 54900,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54900,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 56760,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 56760,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 58560,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 58560,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 60360,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 60360,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 24060,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24060,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 27660,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27660,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 31380,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 31380,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 35040,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 35040,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 38700,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 38700,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                             Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Jackson Park Maple Leaf",
-                                              "realtimeDeparture": 24060,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24060,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
+                                              "pattern": Object {
+                                                "headsign": "Jackson Park Maple Leaf",
                                                 "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
                                                   "shortName": "73",
+                                                  "textColor": null,
+                                                  "type": 3,
                                                 },
                                               },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 38700,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 38700,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 35040,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 35040,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 31380,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 31380,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 27660,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27660,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "realtimeDeparture": 24060,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24060,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "73",
+                                                    },
+                                                  },
+                                                },
+                                              ],
                                             },
                                           ],
-                                        },
-                                      ],
-                                    }
-                                  }
-                                >
-                                  <span
-                                    role="group"
-                                  >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                        }
+                                      }
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": "23561",
+                                            "gtfsId": "kcm:23561",
+                                            "id": "U3RvcDprY206MjM1NjE",
+                                            "lat": 47.6771355,
+                                            "lon": -122.315582,
+                                            "name": "Roosevelt Station - Bay 3",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Bothell",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "2B376E",
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "522",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Bothell",
+                                                    "realtimeDeparture": 50160,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50160,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Bothell",
+                                                    "realtimeDeparture": 51960,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51960,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Bothell",
+                                                    "realtimeDeparture": 54180,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54180,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Bothell",
+                                                    "realtimeDeparture": 55920,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 55920,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Bothell",
+                                                    "realtimeDeparture": 57840,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 57840,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Kenmore P&R",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "322",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 62160,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 62160,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 64080,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 64080,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 66000,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 66000,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Woodinville",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:40",
+                                                      "name": "Sound Transit",
+                                                    },
+                                                    "color": "2B376E",
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "522",
+                                                    "textColor": "FFFFFF",
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Woodinville",
+                                                    "realtimeDeparture": 51060,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51060,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Woodinville",
+                                                    "realtimeDeparture": 53040,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53040,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Woodinville",
+                                                    "realtimeDeparture": 54960,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54960,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Woodinville",
+                                                    "realtimeDeparture": 56880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 56880,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Woodinville",
+                                                    "realtimeDeparture": 58800,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 58800,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "522",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Kenmore P&R Roosevelt Station",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "322",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 59280,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 59280,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 61200,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 61200,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 65040,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 65040,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 68880,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 68880,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Kenmore P&R",
+                                                    "realtimeDeparture": 72360,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 72360,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "322",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Northgate Station Roosevelt Station",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "67",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 7,
+                                                    "headsign": "Northgate Station Roosevelt Station",
+                                                    "realtimeDeparture": 50343,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50336,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate Station Roosevelt Station",
+                                                    "realtimeDeparture": 51236,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51236,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate Station Roosevelt Station",
+                                                    "realtimeDeparture": 52136,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52136,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate Station Roosevelt Station",
+                                                    "realtimeDeparture": 53036,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53036,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Northgate Station Roosevelt Station",
+                                                    "realtimeDeparture": 53996,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53996,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "67",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "73",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 51300,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51300,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 54900,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54900,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 56760,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 56760,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 58560,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 58560,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 60360,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 60360,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 24060,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24060,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 27660,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27660,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 31380,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 31380,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 35040,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 35040,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 38700,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 38700,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Jackson Park Maple Leaf",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "73",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 38700,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 38700,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 35040,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 35040,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 31380,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 31380,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 27660,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27660,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Jackson Park Maple Leaf",
+                                                    "realtimeDeparture": 24060,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24060,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "73",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
                                         <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          role="group"
                                         >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
+                                                    <LocationIcon
                                                       size="0.9em"
+                                                      type="from"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
+                                                      <Styled(DotCircle)
+                                                        className=""
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
-                                              >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
+                                                        >
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
+                                                    <LocationIcon
                                                       size="0.9em"
+                                                      type="to"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
-                                                  >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
+                                                        >
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
                                         </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
                             <div>
                               <div />
                               <styled.ul>
@@ -36450,7 +52426,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-JoojE leaZCj"
+                                                    className="sc-ihmZXn caAhNq"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -37185,7 +53161,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37925,7 +53901,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-JoojE leaZCj"
+                                                    className="sc-ihmZXn caAhNq"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -38725,7 +54701,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -39460,7 +55436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -40169,7 +56145,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -40769,9 +56745,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Vehicle)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "RentalVehicle",
                               "allowPickupNow": true,
@@ -40809,9 +56784,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       <Vehicle
                         dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "RentalVehicle",
                                 "allowPickupNow": true,
@@ -40852,11 +56826,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           >
                             <styled.div>
                               <div
-                                className="sc-kHNMIv hAjkCu"
+                                className="sc-kHNMIv jPJsOC"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-ksXiFW hqEOzF"
+                                    className="sc-ksXiFW ljNmEi"
                                   >
                                     <IconWithText
                                       icon={
@@ -40936,9 +56910,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div
                                 className="sc-bGqPaL gRnQOF"
                               >
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
+                                <Connect(FromToPicker)
+                                  place={
                                     Object {
                                       "__typename": "RentalVehicle",
                                       "allowPickupNow": true,
@@ -40955,56 +56928,63 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     }
                                   }
                                 >
-                                  <span
-                                    role="group"
+                                  <FromToPicker
+                                    place={
+                                      Object {
+                                        "__typename": "RentalVehicle",
+                                        "allowPickupNow": true,
+                                        "id": "UmVudGFsVmVoaWNsZTpsaW1lX3NlYXR0bGU6YTM0YzhmNTUtMjY4Ny00MjhlLWJmZTMtYWZiODgwNjdmNDM2",
+                                        "lat": 47.6772,
+                                        "lon": -122.3159,
+                                        "name": "Default vehicle type",
+                                        "network": "lime_seattle",
+                                        "operative": true,
+                                        "rentalUris": null,
+                                        "vehicleType": Object {
+                                          "formFactor": "BICYCLE",
+                                        },
+                                      }
+                                    }
+                                    setLocation={[Function]}
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
+                                    <span
+                                      role="group"
                                     >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
-                                        >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
+                                      <FromToLocationPicker
+                                        label={true}
+                                        onFromClick={[Function]}
+                                        onToClick={[Function]}
+                                      >
+                                        <strong>
+                                          <FormattedMessage
+                                            description="Label to prompt the user to plan a trip"
+                                            id="otpUi.FromToLocationPicker.planATrip"
+                                          >
+                                            otpUi.FromToLocationPicker.planATrip
+                                          </FormattedMessage>
+                                        </strong>
+                                        <styled__FromToPickerSpan>
+                                          <span
+                                            className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                          >
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(DotCircle)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="from"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
+                                                  <Styled(DotCircle)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <DotCircle
                                                       className="sc-aKXVD bNLtzV"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                      <StyledIconBase
+                                                        className="sc-aKXVD bNLtzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -41015,73 +56995,73 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 512 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 512 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 512 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </DotCircle>
+                                                  </Styled(DotCircle)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                    <FormattedMessage
+                                                      description="Text for the 'from' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.from"
+                                                    >
+                                                      otpUi.FromToLocationPicker.from
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                            <styled__LocationPickerSpan>
+                                              <span
+                                                className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
+                                                <LocationIcon
                                                   size="0.9em"
+                                                  type="to"
                                                 >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
+                                                  <Styled(MapMarkerAlt)
+                                                    className=""
                                                     size="0.9em"
                                                   >
-                                                    <StyledIconBase
+                                                    <MapMarkerAlt
                                                       className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
                                                       size="0.9em"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                      <StyledIconBase
+                                                        className="sc-cvJIAo esTqCF"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -41092,48 +57072,61 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         iconViewBox="0 0 384 512"
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
+                                                        <ForwardRef
                                                           className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                          iconAttrs={
+                                                            Object {
+                                                              "fill": "currentColor",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            }
+                                                          }
+                                                          iconVerticalAlign="middle"
+                                                          iconViewBox="0 0 384 512"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
                                                             fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                            focusable="false"
+                                                            height="0.9em"
+                                                            viewBox="0 0 384 512"
+                                                            width="0.9em"
+                                                            xmlns="http://www.w3.org/2000/svg"
+                                                          >
+                                                            <path
+                                                              d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                              fill="currentColor"
+                                                            />
+                                                          </svg>
+                                                        </ForwardRef>
+                                                      </StyledIconBase>
+                                                    </MapMarkerAlt>
+                                                  </Styled(MapMarkerAlt)>
+                                                </LocationIcon>
+                                                <styled__Button
                                                   onClick={[Function]}
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                  <button
+                                                    className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                    onClick={[Function]}
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                        </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
+                                                    <FormattedMessage
+                                                      description="Text for the 'to' button of the picker"
+                                                      id="otpUi.FromToLocationPicker.to"
+                                                    >
+                                                      otpUi.FromToLocationPicker.to
+                                                    </FormattedMessage>
+                                                  </button>
+                                                </styled__Button>
+                                              </span>
+                                            </styled__LocationPickerSpan>
+                                          </span>
+                                        </styled__FromToPickerSpan>
+                                      </FromToLocationPicker>
+                                    </span>
+                                  </FromToPicker>
+                                </Connect(FromToPicker)>
                               </div>
                             </styled.div>
                           </div>
@@ -41155,9 +57148,8 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                   >
                     <Connect(Stop)
                       fromToSlot={
-                        <FromToPicker
-                          setLocation={[Function]}
-                          stopData={
+                        <Memo(Connect(FromToPicker))
+                          place={
                             Object {
                               "__typename": "Stop",
                               "code": "36931",
@@ -41722,7 +57714,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           }
                         />
                       }
-                      showOperatorLogo={true}
                       stopData={
                         Object {
                           "__typename": "Stop",
@@ -42288,10 +58279,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       }
                     >
                       <Stop
+                        dispatch={[Function]}
                         fromToSlot={
-                          <FromToPicker
-                            setLocation={[Function]}
-                            stopData={
+                          <Memo(Connect(FromToPicker))
+                            place={
                               Object {
                                 "__typename": "Stop",
                                 "code": "36931",
@@ -42857,10 +58848,6 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                           />
                         }
                         homeTimezone="America/Los_Angeles"
-                        setHoveredStop={[Function]}
-                        setMainPanelContent={[Function]}
-                        setViewedStop={[Function]}
-                        showOperatorLogo={true}
                         stopData={
                           Object {
                             "__typename": "Stop",
@@ -43321,853 +59308,2494 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         "shortName": "45",
                                       },
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 28767,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 28767,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 28767,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 28767,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                              Object {
+                                "pattern": Object {
+                                  "headsign": "Loyal Heights Greenwood",
+                                  "route": Object {
+                                    "agency": Object {
+                                      "gtfsId": "kcm:1",
+                                      "name": "Metro Transit",
+                                    },
+                                    "color": null,
+                                    "longName": null,
+                                    "mode": "BUS",
+                                    "shortName": "45",
+                                    "textColor": null,
+                                    "type": 3,
+                                  },
+                                },
+                                "stoptimes": Array [
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 28767,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 28767,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 27867,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 27867,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 26067,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 26067,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 24267,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 24267,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                  Object {
+                                    "departureDelay": 0,
+                                    "headsign": "Loyal Heights Greenwood",
+                                    "realtimeDeparture": 22467,
+                                    "realtimeState": "SCHEDULED",
+                                    "scheduledDeparture": 22467,
+                                    "serviceDay": 1705132800,
+                                    "trip": Object {
+                                      "route": Object {
+                                        "shortName": "45",
+                                      },
+                                    },
+                                  },
+                                ],
+                              },
+                            ],
+                          }
+                        }
+                      >
+                        <styled.div>
+                          <div
+                            className="sc-cVksOY hGVfg"
+                          >
+                            <Connect(StopCardHeader)
+                              actionIcon={
+                                Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "Calendar",
+                                  "render": [Function],
+                                }
+                              }
+                              actionParams={
+                                Object {
+                                  "entityId": undefined,
+                                }
+                              }
+                              actionPath="/schedule/kcm:36931"
+                              actionText={
+                                <Memo(MemoizedFormattedMessage)
+                                  id="components.StopViewer.viewSchedule"
+                                />
+                              }
+                              fromToSlot={
+                                <Memo(Connect(FromToPicker))
+                                  place={
+                                    Object {
+                                      "__typename": "Stop",
+                                      "code": "36931",
+                                      "gtfsId": "kcm:36931",
+                                      "id": "U3RvcDprY206MzY5MzE",
+                                      "lat": 47.6758652,
+                                      "lon": -122.313545,
+                                      "name": "NE 65th St & 14th Ave NE",
+                                      "stoptimesForPatterns": Array [
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "62",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 96,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 50136,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50040,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 50940,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 50940,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 51840,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51840,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 52740,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52740,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 53580,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53580,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 67380,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 67380,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 68220,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 68220,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 69120,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 69120,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 70020,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 70020,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 70860,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 70860,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "62",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 53580,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53580,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 52740,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52740,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 51840,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51840,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 50940,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 50940,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 96,
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "realtimeDeparture": 50136,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50040,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "62",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "79",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 110,
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "realtimeDeparture": 51066,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50956,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "79",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "realtimeDeparture": 54556,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 54556,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "79",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "realtimeDeparture": 58156,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 58156,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "79",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "realtimeDeparture": 60256,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 60256,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "79",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "realtimeDeparture": 61756,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 61756,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "79",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "45",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": -85,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 49974,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50059,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 79,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 51038,
+                                              "realtimeState": "UPDATED",
+                                              "scheduledDeparture": 50959,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 51859,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 51859,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 52759,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 52759,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 53719,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 53719,
+                                              "serviceDay": 1705046400,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 22467,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22467,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 24267,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24267,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 26067,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 26067,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 27867,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27867,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 28767,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 28767,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "pattern": Object {
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "route": Object {
+                                              "agency": Object {
+                                                "gtfsId": "kcm:1",
+                                                "name": "Metro Transit",
+                                              },
+                                              "color": null,
+                                              "longName": null,
+                                              "mode": "BUS",
+                                              "shortName": "45",
+                                              "textColor": null,
+                                              "type": 3,
+                                            },
+                                          },
+                                          "stoptimes": Array [
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 28767,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 28767,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 27867,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 27867,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 26067,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 26067,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 24267,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 24267,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                            Object {
+                                              "departureDelay": 0,
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "realtimeDeparture": 22467,
+                                              "realtimeState": "SCHEDULED",
+                                              "scheduledDeparture": 22467,
+                                              "serviceDay": 1705132800,
+                                              "trip": Object {
+                                                "route": Object {
+                                                  "shortName": "45",
+                                                },
+                                              },
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    }
+                                  }
+                                />
+                              }
+                              stopData={
+                                Object {
+                                  "__typename": "Stop",
+                                  "code": "36931",
+                                  "gtfsId": "kcm:36931",
+                                  "id": "U3RvcDprY206MzY5MzE",
+                                  "lat": 47.6758652,
+                                  "lon": -122.313545,
+                                  "name": "NE 65th St & 14th Ave NE",
+                                  "stoptimesForPatterns": Array [
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Downtown Seattle Fremont",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
+                                      },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 96,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50136,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50040,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 51840,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51840,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 52740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52740,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 53580,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53580,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 67380,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 67380,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 68220,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 68220,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 69120,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 69120,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 70020,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 70020,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 70860,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 70860,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Downtown Seattle Fremont",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "62",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 53580,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53580,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 52740,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52740,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 51840,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51840,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50940,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 50940,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 96,
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "realtimeDeparture": 50136,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50040,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "62",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                ],
-                              },
-                              Object {
-                                "pattern": Object {
-                                  "headsign": "Loyal Heights Greenwood",
-                                  "route": Object {
-                                    "agency": Object {
-                                      "gtfsId": "kcm:1",
-                                      "name": "Metro Transit",
-                                    },
-                                    "color": null,
-                                    "longName": null,
-                                    "mode": "BUS",
-                                    "shortName": "45",
-                                    "textColor": null,
-                                    "type": 3,
-                                  },
-                                },
-                                "stoptimes": Array [
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 28767,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 28767,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Roosevelt Station Sand Point",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "79",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 110,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 51066,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50956,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 54556,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 54556,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 58156,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 58156,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 60256,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 60256,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "realtimeDeparture": 61756,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 61756,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "79",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 27867,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 27867,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Loyal Heights Greenwood",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": -85,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 49974,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50059,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 79,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 51038,
+                                          "realtimeState": "UPDATED",
+                                          "scheduledDeparture": 50959,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 51859,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 51859,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 52759,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 52759,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 53719,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 53719,
+                                          "serviceDay": 1705046400,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 22467,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22467,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 24267,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24267,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 26067,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26067,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 27867,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27867,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 28767,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 28767,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
-                                  Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 26067,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 26067,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
+                                    Object {
+                                      "pattern": Object {
+                                        "headsign": "Loyal Heights Greenwood",
+                                        "route": Object {
+                                          "agency": Object {
+                                            "gtfsId": "kcm:1",
+                                            "name": "Metro Transit",
+                                          },
+                                          "color": null,
+                                          "longName": null,
+                                          "mode": "BUS",
+                                          "shortName": "45",
+                                          "textColor": null,
+                                          "type": 3,
+                                        },
                                       },
+                                      "stoptimes": Array [
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 28767,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 28767,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 27867,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 27867,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 26067,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 26067,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 24267,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 24267,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                        Object {
+                                          "departureDelay": 0,
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "realtimeDeparture": 22467,
+                                          "realtimeState": "SCHEDULED",
+                                          "scheduledDeparture": 22467,
+                                          "serviceDay": 1705132800,
+                                          "trip": Object {
+                                            "route": Object {
+                                              "shortName": "45",
+                                            },
+                                          },
+                                        },
+                                      ],
                                     },
-                                  },
+                                  ],
+                                }
+                              }
+                            >
+                              <StopCardHeader
+                                actionIcon={
                                   Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 24267,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 24267,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
-                                      },
-                                    },
-                                  },
+                                    "$$typeof": Symbol(react.forward_ref),
+                                    "displayName": "Calendar",
+                                    "render": [Function],
+                                  }
+                                }
+                                actionParams={
                                   Object {
-                                    "departureDelay": 0,
-                                    "headsign": "Loyal Heights Greenwood",
-                                    "realtimeDeparture": 22467,
-                                    "realtimeState": "SCHEDULED",
-                                    "scheduledDeparture": 22467,
-                                    "serviceDay": 1705132800,
-                                    "trip": Object {
-                                      "route": Object {
-                                        "shortName": "45",
-                                      },
-                                    },
-                                  },
-                                ],
-                              },
-                            ],
-                          }
-                        }
-                        toggleAutoRefresh={[Function]}
-                        transitOperators={Array []}
-                      >
-                        <styled.div
-                          onMouseEnter={[Function]}
-                          onMouseLeave={[Function]}
-                        >
-                          <div
-                            className="sc-cVksOY hGVfg"
-                            onMouseEnter={[Function]}
-                            onMouseLeave={[Function]}
-                          >
-                            <styled.div>
-                              <div
-                                className="sc-kHNMIv hAjkCu"
-                              >
-                                <styled.p>
-                                  <p
-                                    className="sc-ksXiFW hqEOzF"
-                                  >
-                                    <IconWithText
-                                      icon={<React.Fragment />}
-                                    >
-                                      <div
-                                        style={
-                                          Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          />
-                                        </Styled(styled.span)>
-                                        <span>
-                                          NE 65th St & 14th Ave NE
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </p>
-                                </styled.p>
-                              </div>
-                            </styled.div>
-                            <styled.div>
-                              <div
-                                className="sc-bGqPaL gRnQOF"
-                              >
-                                <div>
-                                  <FormattedMessage
-                                    id="components.StopViewer.displayStopId"
-                                    values={
+                                    "entityId": undefined,
+                                  }
+                                }
+                                actionPath="/schedule/kcm:36931"
+                                actionText={
+                                  <Memo(MemoizedFormattedMessage)
+                                    id="components.StopViewer.viewSchedule"
+                                  />
+                                }
+                                dispatch={[Function]}
+                                fromToSlot={
+                                  <Memo(Connect(FromToPicker))
+                                    place={
                                       Object {
-                                        "stopId": "36931",
-                                        "strong": [Function],
-                                      }
-                                    }
-                                  >
-                                    components.StopViewer.displayStopId
-                                  </FormattedMessage>
-                                  <button
-                                    className="link-button pull-right"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "fontSize": "small",
-                                      }
-                                    }
-                                  >
-                                    <IconWithText
-                                      Icon={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "displayName": "Calendar",
-                                          "render": [Function],
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        style={
+                                        "__typename": "Stop",
+                                        "code": "36931",
+                                        "gtfsId": "kcm:36931",
+                                        "id": "U3RvcDprY206MzY5MzE",
+                                        "lat": 47.6758652,
+                                        "lon": -122.313545,
+                                        "name": "NE 65th St & 14th Ave NE",
+                                        "stoptimesForPatterns": Array [
                                           Object {
-                                            "display": "contents",
-                                          }
-                                        }
-                                      >
-                                        <Styled(styled.span)>
-                                          <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
-                                          >
-                                            <Calendar>
-                                              <StyledIconBase
-                                                iconAttrs={
-                                                  Object {
-                                                    "fill": "currentColor",
-                                                    "xmlns": "http://www.w3.org/2000/svg",
-                                                  }
-                                                }
-                                                iconVerticalAlign="middle"
-                                                iconViewBox="0 0 448 512"
-                                              >
-                                                <ForwardRef
-                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                  iconAttrs={
-                                                    Object {
-                                                      "fill": "currentColor",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    }
-                                                  }
-                                                  iconVerticalAlign="middle"
-                                                  iconViewBox="0 0 448 512"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    viewBox="0 0 448 512"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <path
-                                                      d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
-                                                      fill="currentColor"
-                                                    />
-                                                  </svg>
-                                                </ForwardRef>
-                                              </StyledIconBase>
-                                            </Calendar>
-                                          </span>
-                                        </Styled(styled.span)>
-                                        <span>
-                                          <FormattedMessage
-                                            id="components.StopViewer.viewSchedule"
-                                          >
-                                            components.StopViewer.viewSchedule
-                                          </FormattedMessage>
-                                        </span>
-                                      </div>
-                                    </IconWithText>
-                                  </button>
-                                </div>
-                                <FromToPicker
-                                  setLocation={[Function]}
-                                  stopData={
-                                    Object {
-                                      "__typename": "Stop",
-                                      "code": "36931",
-                                      "gtfsId": "kcm:36931",
-                                      "id": "U3RvcDprY206MzY5MzE",
-                                      "lat": 47.6758652,
-                                      "lon": -122.313545,
-                                      "name": "NE 65th St & 14th Ave NE",
-                                      "stoptimesForPatterns": Array [
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Downtown Seattle Fremont",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                            "pattern": Object {
+                                              "headsign": "Downtown Seattle Fremont",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "62",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 96,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50136,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50040,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50940,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 51840,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51840,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 52740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52740,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 53580,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53580,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 67380,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 67380,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 68220,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 68220,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 69120,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 69120,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 70020,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 70020,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 70860,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 70860,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 96,
+                                          Object {
+                                            "pattern": Object {
                                               "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 50136,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50040,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "62",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 50940,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 50940,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 53580,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53580,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 52740,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52740,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 51840,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51840,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50940,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 50940,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 96,
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "realtimeDeparture": 50136,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50040,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "62",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Roosevelt Station Sand Point",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "79",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 51840,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51840,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 110,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 51066,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50956,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 54556,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 54556,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 58156,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 58156,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 60256,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 60256,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "realtimeDeparture": 61756,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 61756,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "79",
+                                                  },
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
+                                                },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
+                                              },
+                                            },
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": -85,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 49974,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50059,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 79,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 51038,
+                                                "realtimeState": "UPDATED",
+                                                "scheduledDeparture": 50959,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 51859,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 51859,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 52759,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 52759,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 53719,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 53719,
+                                                "serviceDay": 1705046400,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 22467,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22467,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 24267,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24267,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 26067,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26067,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
+                                                },
+                                              },
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 27867,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27867,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 52740,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52740,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 28767,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 28767,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 53580,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53580,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                            ],
+                                          },
+                                          Object {
+                                            "pattern": Object {
+                                              "headsign": "Loyal Heights Greenwood",
+                                              "route": Object {
+                                                "agency": Object {
+                                                  "gtfsId": "kcm:1",
+                                                  "name": "Metro Transit",
                                                 },
+                                                "color": null,
+                                                "longName": null,
+                                                "mode": "BUS",
+                                                "shortName": "45",
+                                                "textColor": null,
+                                                "type": 3,
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 67380,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 67380,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                            "stoptimes": Array [
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 28767,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 28767,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 68220,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 68220,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 27867,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 27867,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 69120,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 69120,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 26067,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 26067,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 70020,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 70020,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 24267,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 24267,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
-                                            },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 70860,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 70860,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
+                                              Object {
+                                                "departureDelay": 0,
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "realtimeDeparture": 22467,
+                                                "realtimeState": "SCHEDULED",
+                                                "scheduledDeparture": 22467,
+                                                "serviceDay": 1705132800,
+                                                "trip": Object {
+                                                  "route": Object {
+                                                    "shortName": "45",
+                                                  },
                                                 },
                                               },
+                                            ],
+                                          },
+                                        ],
+                                      }
+                                    }
+                                  />
+                                }
+                                stopData={
+                                  Object {
+                                    "__typename": "Stop",
+                                    "code": "36931",
+                                    "gtfsId": "kcm:36931",
+                                    "id": "U3RvcDprY206MzY5MzE",
+                                    "lat": 47.6758652,
+                                    "lon": -122.313545,
+                                    "name": "NE 65th St & 14th Ave NE",
+                                    "stoptimesForPatterns": Array [
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
                                             },
-                                          ],
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 96,
                                             "headsign": "Downtown Seattle Fremont",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                            "realtimeDeparture": 50136,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50040,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "62",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 53580,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53580,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50940,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 52740,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52740,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 51840,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51840,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 51840,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51840,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 52740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52740,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 50940,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 50940,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 53580,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53580,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 96,
-                                              "headsign": "Downtown Seattle Fremont",
-                                              "realtimeDeparture": 50136,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50040,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "62",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 67380,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 67380,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Roosevelt Station Sand Point",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 68220,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 68220,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "79",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 110,
-                                              "headsign": "Roosevelt Station Sand Point",
-                                              "realtimeDeparture": 51066,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50956,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "79",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 69120,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 69120,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Roosevelt Station Sand Point",
-                                              "realtimeDeparture": 54556,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 54556,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "79",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 70020,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 70020,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Roosevelt Station Sand Point",
-                                              "realtimeDeparture": 58156,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 58156,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "79",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 70860,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 70860,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Roosevelt Station Sand Point",
-                                              "realtimeDeparture": 60256,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 60256,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "79",
-                                                },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Downtown Seattle Fremont",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "62",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 53580,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53580,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Roosevelt Station Sand Point",
-                                              "realtimeDeparture": 61756,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 61756,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "79",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 52740,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52740,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
                                               },
                                             },
-                                          ],
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 51840,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51840,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50940,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 50940,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 96,
+                                            "headsign": "Downtown Seattle Fremont",
+                                            "realtimeDeparture": 50136,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50040,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "62",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Roosevelt Station Sand Point",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "79",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
                                         },
-                                        Object {
-                                          "pattern": Object {
-                                            "headsign": "Loyal Heights Greenwood",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 110,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 51066,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50956,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "45",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": -85,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 49974,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50059,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 54556,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 54556,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 79,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 51038,
-                                              "realtimeState": "UPDATED",
-                                              "scheduledDeparture": 50959,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 58156,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 58156,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 51859,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 51859,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 60256,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 60256,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 52759,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 52759,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Roosevelt Station Sand Point",
+                                            "realtimeDeparture": 61756,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 61756,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "79",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 53719,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 53719,
-                                              "serviceDay": 1705046400,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": -85,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 49974,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50059,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 22467,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22467,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 79,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 51038,
+                                            "realtimeState": "UPDATED",
+                                            "scheduledDeparture": 50959,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 24267,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24267,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 51859,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 51859,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 26067,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 26067,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 52759,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 52759,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 27867,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27867,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 53719,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 53719,
+                                            "serviceDay": 1705046400,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 28767,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 28767,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 22467,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22467,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                          ],
-                                        },
-                                        Object {
-                                          "pattern": Object {
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
                                             "headsign": "Loyal Heights Greenwood",
-                                            "route": Object {
-                                              "agency": Object {
-                                                "gtfsId": "kcm:1",
-                                                "name": "Metro Transit",
+                                            "realtimeDeparture": 24267,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24267,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
-                                              "color": null,
-                                              "longName": null,
-                                              "mode": "BUS",
-                                              "shortName": "45",
-                                              "textColor": null,
-                                              "type": 3,
                                             },
                                           },
-                                          "stoptimes": Array [
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 28767,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 28767,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 26067,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26067,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 27867,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27867,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 28767,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 28767,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
+                                              },
+                                            },
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "pattern": Object {
+                                          "headsign": "Loyal Heights Greenwood",
+                                          "route": Object {
+                                            "agency": Object {
+                                              "gtfsId": "kcm:1",
+                                              "name": "Metro Transit",
+                                            },
+                                            "color": null,
+                                            "longName": null,
+                                            "mode": "BUS",
+                                            "shortName": "45",
+                                            "textColor": null,
+                                            "type": 3,
+                                          },
+                                        },
+                                        "stoptimes": Array [
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 28767,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 28767,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 27867,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 27867,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 27867,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 27867,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 26067,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 26067,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 26067,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 26067,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 24267,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 24267,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 24267,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 24267,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                            Object {
-                                              "departureDelay": 0,
-                                              "headsign": "Loyal Heights Greenwood",
-                                              "realtimeDeparture": 22467,
-                                              "realtimeState": "SCHEDULED",
-                                              "scheduledDeparture": 22467,
-                                              "serviceDay": 1705132800,
-                                              "trip": Object {
-                                                "route": Object {
-                                                  "shortName": "45",
-                                                },
+                                          },
+                                          Object {
+                                            "departureDelay": 0,
+                                            "headsign": "Loyal Heights Greenwood",
+                                            "realtimeDeparture": 22467,
+                                            "realtimeState": "SCHEDULED",
+                                            "scheduledDeparture": 22467,
+                                            "serviceDay": 1705132800,
+                                            "trip": Object {
+                                              "route": Object {
+                                                "shortName": "45",
                                               },
                                             },
-                                          ],
-                                        },
-                                      ],
-                                    }
+                                          },
+                                        ],
+                                      },
+                                    ],
                                   }
-                                >
-                                  <span
-                                    role="group"
+                                }
+                                transitOperators={Array []}
+                              >
+                                <styled.div>
+                                  <div
+                                    className="sc-kHNMIv jPJsOC"
                                   >
-                                    <FromToLocationPicker
-                                      label={true}
-                                      onFromClick={[Function]}
-                                      onToClick={[Function]}
-                                    >
-                                      <strong>
-                                        <FormattedMessage
-                                          description="Label to prompt the user to plan a trip"
-                                          id="otpUi.FromToLocationPicker.planATrip"
-                                        >
-                                          otpUi.FromToLocationPicker.planATrip
-                                        </FormattedMessage>
-                                      </strong>
-                                      <styled__FromToPickerSpan>
-                                        <span
-                                          className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                    <styled.p>
+                                      <p
+                                        className="sc-ksXiFW ljNmEi"
+                                      >
+                                        <span>
+                                          NE 65th St & 14th Ave NE
+                                        </span>
+                                      </p>
+                                    </styled.p>
+                                  </div>
+                                </styled.div>
+                                <styled.div>
+                                  <div
+                                    className="sc-bGqPaL gRnQOF"
+                                  >
+                                    <div>
+                                      <FormattedMessage
+                                        id="components.StopViewer.displayStopId"
+                                        values={
+                                          Object {
+                                            "stopId": "36931",
+                                            "strong": [Function],
+                                          }
+                                        }
+                                      >
+                                        components.StopViewer.displayStopId
+                                      </FormattedMessage>
+                                      <Connect(Component)
+                                        className="pull-right"
+                                        style={
+                                          Object {
+                                            "color": "inherit",
+                                            "fontSize": "small",
+                                          }
+                                        }
+                                        to="/schedule/kcm:36931"
+                                        toParams={
+                                          Object {
+                                            "entityId": undefined,
+                                          }
+                                        }
+                                      >
+                                        <a
+                                          className="pull-right"
+                                          href="#/schedule/kcm:36931"
+                                          style={
+                                            Object {
+                                              "color": "inherit",
+                                              "fontSize": "small",
+                                            }
+                                          }
                                         >
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
+                                          <IconWithText
+                                            Icon={
+                                              Object {
+                                                "$$typeof": Symbol(react.forward_ref),
+                                                "displayName": "Calendar",
+                                                "render": [Function],
+                                              }
+                                            }
+                                          >
+                                            <div
+                                              style={
+                                                Object {
+                                                  "display": "contents",
+                                                }
+                                              }
                                             >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="from"
-                                              >
-                                                <Styled(DotCircle)
-                                                  className=""
-                                                  size="0.9em"
+                                              <Styled(styled.span)>
+                                                <span
+                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
                                                 >
-                                                  <DotCircle
-                                                    className="sc-aKXVD bNLtzV"
-                                                    size="0.9em"
-                                                  >
+                                                  <Calendar>
                                                     <StyledIconBase
-                                                      className="sc-aKXVD bNLtzV"
                                                       iconAttrs={
                                                         Object {
                                                           "fill": "currentColor",
@@ -44175,11 +61803,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         }
                                                       }
                                                       iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 512 512"
-                                                      size="0.9em"
+                                                      iconViewBox="0 0 448 512"
                                                     >
                                                       <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -44187,130 +61814,1353 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                           }
                                                         }
                                                         iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 512 512"
-                                                        size="0.9em"
+                                                        iconViewBox="0 0 448 512"
                                                       >
                                                         <svg
                                                           aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa"
                                                           fill="currentColor"
                                                           focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 512 512"
-                                                          width="0.9em"
+                                                          viewBox="0 0 448 512"
                                                           xmlns="http://www.w3.org/2000/svg"
                                                         >
                                                           <path
-                                                            d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                            d="M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z"
                                                             fill="currentColor"
                                                           />
                                                         </svg>
                                                       </ForwardRef>
                                                     </StyledIconBase>
-                                                  </DotCircle>
-                                                </Styled(DotCircle)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
+                                                  </Calendar>
+                                                </span>
+                                              </Styled(styled.span)>
+                                              <span>
+                                                <FormattedMessage
+                                                  id="components.StopViewer.viewSchedule"
                                                 >
-                                                  <FormattedMessage
-                                                    description="Text for the 'from' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.from"
-                                                  >
-                                                    otpUi.FromToLocationPicker.from
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
-                                          <styled__LocationPickerSpan>
-                                            <span
-                                              className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
-                                            >
-                                              <LocationIcon
-                                                size="0.9em"
-                                                type="to"
+                                                  components.StopViewer.viewSchedule
+                                                </FormattedMessage>
+                                              </span>
+                                            </div>
+                                          </IconWithText>
+                                        </a>
+                                      </Connect(Component)>
+                                    </div>
+                                    <Connect(FromToPicker)
+                                      place={
+                                        Object {
+                                          "__typename": "Stop",
+                                          "code": "36931",
+                                          "gtfsId": "kcm:36931",
+                                          "id": "U3RvcDprY206MzY5MzE",
+                                          "lat": 47.6758652,
+                                          "lon": -122.313545,
+                                          "name": "NE 65th St & 14th Ave NE",
+                                          "stoptimesForPatterns": Array [
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 96,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50136,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50040,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50940,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 51840,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51840,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 52740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52740,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 53580,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53580,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 67380,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 67380,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 68220,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 68220,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 69120,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 69120,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 70020,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 70020,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 70860,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 70860,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Downtown Seattle Fremont",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "62",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 53580,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53580,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 52740,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52740,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 51840,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51840,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50940,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 50940,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 96,
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "realtimeDeparture": 50136,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50040,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "62",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Roosevelt Station Sand Point",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "79",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 110,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 51066,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50956,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 54556,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 54556,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 58156,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 58156,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 60256,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 60256,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "realtimeDeparture": 61756,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 61756,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "79",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": -85,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 49974,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50059,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 79,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 51038,
+                                                  "realtimeState": "UPDATED",
+                                                  "scheduledDeparture": 50959,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 51859,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 51859,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 52759,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 52759,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 53719,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 53719,
+                                                  "serviceDay": 1705046400,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 22467,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22467,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 24267,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24267,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 26067,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26067,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 27867,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27867,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 28767,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 28767,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "pattern": Object {
+                                                "headsign": "Loyal Heights Greenwood",
+                                                "route": Object {
+                                                  "agency": Object {
+                                                    "gtfsId": "kcm:1",
+                                                    "name": "Metro Transit",
+                                                  },
+                                                  "color": null,
+                                                  "longName": null,
+                                                  "mode": "BUS",
+                                                  "shortName": "45",
+                                                  "textColor": null,
+                                                  "type": 3,
+                                                },
+                                              },
+                                              "stoptimes": Array [
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 28767,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 28767,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 27867,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 27867,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 26067,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 26067,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 24267,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 24267,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                                Object {
+                                                  "departureDelay": 0,
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "realtimeDeparture": 22467,
+                                                  "realtimeState": "SCHEDULED",
+                                                  "scheduledDeparture": 22467,
+                                                  "serviceDay": 1705132800,
+                                                  "trip": Object {
+                                                    "route": Object {
+                                                      "shortName": "45",
+                                                    },
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        }
+                                      }
+                                    >
+                                      <FromToPicker
+                                        place={
+                                          Object {
+                                            "__typename": "Stop",
+                                            "code": "36931",
+                                            "gtfsId": "kcm:36931",
+                                            "id": "U3RvcDprY206MzY5MzE",
+                                            "lat": 47.6758652,
+                                            "lon": -122.313545,
+                                            "name": "NE 65th St & 14th Ave NE",
+                                            "stoptimesForPatterns": Array [
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 96,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50136,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50040,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50940,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 51840,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51840,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 52740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52740,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 53580,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53580,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 67380,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 67380,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 68220,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 68220,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 69120,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 69120,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 70020,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 70020,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 70860,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 70860,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Downtown Seattle Fremont",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "62",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 53580,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53580,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 52740,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52740,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 51840,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51840,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50940,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 50940,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 96,
+                                                    "headsign": "Downtown Seattle Fremont",
+                                                    "realtimeDeparture": 50136,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50040,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "62",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Roosevelt Station Sand Point",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "79",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 110,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 51066,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50956,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 54556,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 54556,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 58156,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 58156,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 60256,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 60256,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Roosevelt Station Sand Point",
+                                                    "realtimeDeparture": 61756,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 61756,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "79",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": -85,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 49974,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50059,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 79,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 51038,
+                                                    "realtimeState": "UPDATED",
+                                                    "scheduledDeparture": 50959,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 51859,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 51859,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 52759,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 52759,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 53719,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 53719,
+                                                    "serviceDay": 1705046400,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 22467,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22467,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 24267,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24267,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 26067,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26067,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 27867,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27867,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 28767,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 28767,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "pattern": Object {
+                                                  "headsign": "Loyal Heights Greenwood",
+                                                  "route": Object {
+                                                    "agency": Object {
+                                                      "gtfsId": "kcm:1",
+                                                      "name": "Metro Transit",
+                                                    },
+                                                    "color": null,
+                                                    "longName": null,
+                                                    "mode": "BUS",
+                                                    "shortName": "45",
+                                                    "textColor": null,
+                                                    "type": 3,
+                                                  },
+                                                },
+                                                "stoptimes": Array [
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 28767,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 28767,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 27867,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 27867,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 26067,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 26067,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 24267,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 24267,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                  Object {
+                                                    "departureDelay": 0,
+                                                    "headsign": "Loyal Heights Greenwood",
+                                                    "realtimeDeparture": 22467,
+                                                    "realtimeState": "SCHEDULED",
+                                                    "scheduledDeparture": 22467,
+                                                    "serviceDay": 1705132800,
+                                                    "trip": Object {
+                                                      "route": Object {
+                                                        "shortName": "45",
+                                                      },
+                                                    },
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                          }
+                                        }
+                                        setLocation={[Function]}
+                                      >
+                                        <span
+                                          role="group"
+                                        >
+                                          <FromToLocationPicker
+                                            label={true}
+                                            onFromClick={[Function]}
+                                            onToClick={[Function]}
+                                          >
+                                            <strong>
+                                              <FormattedMessage
+                                                description="Label to prompt the user to plan a trip"
+                                                id="otpUi.FromToLocationPicker.planATrip"
                                               >
-                                                <Styled(MapMarkerAlt)
-                                                  className=""
-                                                  size="0.9em"
-                                                >
-                                                  <MapMarkerAlt
-                                                    className="sc-cvJIAo esTqCF"
-                                                    size="0.9em"
+                                                otpUi.FromToLocationPicker.planATrip
+                                              </FormattedMessage>
+                                            </strong>
+                                            <styled__FromToPickerSpan>
+                                              <span
+                                                className="styled__FromToPickerSpan-sc-vb4790-1 dWHacc"
+                                              >
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    <StyledIconBase
-                                                      className="sc-cvJIAo esTqCF"
-                                                      iconAttrs={
-                                                        Object {
-                                                          "fill": "currentColor",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        }
-                                                      }
-                                                      iconVerticalAlign="middle"
-                                                      iconViewBox="0 0 384 512"
+                                                    <LocationIcon
                                                       size="0.9em"
+                                                      type="from"
                                                     >
-                                                      <ForwardRef
-                                                        className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                        iconAttrs={
-                                                          Object {
-                                                            "fill": "currentColor",
-                                                            "xmlns": "http://www.w3.org/2000/svg",
-                                                          }
-                                                        }
-                                                        iconVerticalAlign="middle"
-                                                        iconViewBox="0 0 384 512"
+                                                      <Styled(DotCircle)
+                                                        className=""
                                                         size="0.9em"
                                                       >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="0.9em"
-                                                          viewBox="0 0 384 512"
-                                                          width="0.9em"
-                                                          xmlns="http://www.w3.org/2000/svg"
+                                                        <DotCircle
+                                                          className="sc-aKXVD bNLtzV"
+                                                          size="0.9em"
                                                         >
-                                                          <path
-                                                            d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
-                                                            fill="currentColor"
-                                                          />
-                                                        </svg>
-                                                      </ForwardRef>
-                                                    </StyledIconBase>
-                                                  </MapMarkerAlt>
-                                                </Styled(MapMarkerAlt)>
-                                              </LocationIcon>
-                                              <styled__Button
-                                                onClick={[Function]}
-                                              >
-                                                <button
-                                                  className="styled__Button-sc-vb4790-2 gmCNPA"
-                                                  onClick={[Function]}
-                                                >
-                                                  <FormattedMessage
-                                                    description="Text for the 'to' button of the picker"
-                                                    id="otpUi.FromToLocationPicker.to"
+                                                          <StyledIconBase
+                                                            className="sc-aKXVD bNLtzV"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 512 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 512 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 512 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M160 256c0-53.9 42.1-96 96-96 53 0 96 42.1 96 96 0 53-43 96-96 96-53.9 0-96-43-96-96zm352 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256zM256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </DotCircle>
+                                                      </Styled(DotCircle)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'from' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.from"
+                                                        >
+                                                          otpUi.FromToLocationPicker.from
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                                <styled__LocationPickerSpan>
+                                                  <span
+                                                    className="styled__LocationPickerSpan-sc-vb4790-0 fSBBPp"
                                                   >
-                                                    otpUi.FromToLocationPicker.to
-                                                  </FormattedMessage>
-                                                </button>
-                                              </styled__Button>
-                                            </span>
-                                          </styled__LocationPickerSpan>
+                                                    <LocationIcon
+                                                      size="0.9em"
+                                                      type="to"
+                                                    >
+                                                      <Styled(MapMarkerAlt)
+                                                        className=""
+                                                        size="0.9em"
+                                                      >
+                                                        <MapMarkerAlt
+                                                          className="sc-cvJIAo esTqCF"
+                                                          size="0.9em"
+                                                        >
+                                                          <StyledIconBase
+                                                            className="sc-cvJIAo esTqCF"
+                                                            iconAttrs={
+                                                              Object {
+                                                                "fill": "currentColor",
+                                                                "xmlns": "http://www.w3.org/2000/svg",
+                                                              }
+                                                            }
+                                                            iconVerticalAlign="middle"
+                                                            iconViewBox="0 0 384 512"
+                                                            size="0.9em"
+                                                          >
+                                                            <ForwardRef
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              iconAttrs={
+                                                                Object {
+                                                                  "fill": "currentColor",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                }
+                                                              }
+                                                              iconVerticalAlign="middle"
+                                                              iconViewBox="0 0 384 512"
+                                                              size="0.9em"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="0.9em"
+                                                                viewBox="0 0 384 512"
+                                                                width="0.9em"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                              >
+                                                                <path
+                                                                  d="M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"
+                                                                  fill="currentColor"
+                                                                />
+                                                              </svg>
+                                                            </ForwardRef>
+                                                          </StyledIconBase>
+                                                        </MapMarkerAlt>
+                                                      </Styled(MapMarkerAlt)>
+                                                    </LocationIcon>
+                                                    <styled__Button
+                                                      onClick={[Function]}
+                                                    >
+                                                      <button
+                                                        className="styled__Button-sc-vb4790-2 gmCNPA"
+                                                        onClick={[Function]}
+                                                      >
+                                                        <FormattedMessage
+                                                          description="Text for the 'to' button of the picker"
+                                                          id="otpUi.FromToLocationPicker.to"
+                                                        >
+                                                          otpUi.FromToLocationPicker.to
+                                                        </FormattedMessage>
+                                                      </button>
+                                                    </styled__Button>
+                                                  </span>
+                                                </styled__LocationPickerSpan>
+                                              </span>
+                                            </styled__FromToPickerSpan>
+                                          </FromToLocationPicker>
                                         </span>
-                                      </styled__FromToPickerSpan>
-                                    </FromToLocationPicker>
-                                  </span>
-                                </FromToPicker>
-                              </div>
-                            </styled.div>
+                                      </FromToPicker>
+                                    </Connect(FromToPicker)>
+                                  </div>
+                                </styled.div>
+                              </StopCardHeader>
+                            </Connect(StopCardHeader)>
                             <div>
                               <div />
                               <styled.ul>
@@ -44539,7 +63389,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -45349,7 +64199,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -46089,7 +64939,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-JoojE inAnuP"
+                                                    className="sc-ihmZXn lggToK"
                                                     color="333333"
                                                     style={
                                                       Object {
diff --git a/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap b/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
index fe8cf7481..faea7c416 100644
--- a/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
+++ b/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
@@ -140,7 +140,6 @@ exports[`components > viewers > stop viewer should render with initial stop id a
                 "wrapRichTextChunksInFragment": undefined,
               }
             }
-            setLocation={[Function]}
             showBlockIds={false}
             stopId="TriMet:13170"
             transitOperators={Array []}
@@ -266,24 +265,32 @@ exports[`components > viewers > stop viewer should render with initial stop id a
                     </button>
                   </Button>
                 </div>
-                <div
-                  className="header-text"
-                >
-                  <h1>
-                    <FormattedMessage
-                      id="components.StopViewer.loadingText"
-                    >
-                      components.StopViewer.loadingText
-                    </FormattedMessage>
-                  </h1>
-                  <Connect(FavoriteStopToggle)>
-                    <FavoriteStopToggle
-                      forgetStop={[Function]}
-                      isFavoriteStop={false}
-                      rememberStop={[Function]}
-                    />
-                  </Connect(FavoriteStopToggle)>
-                </div>
+                <styled.div>
+                  <div
+                    className="sc-cjHJky bihPUp"
+                  >
+                    <styled.div>
+                      <div
+                        className="sc-edoYdd ipgOiu"
+                      >
+                        <h1>
+                          <FormattedMessage
+                            id="components.StopViewer.loadingText"
+                          >
+                            components.StopViewer.loadingText
+                          </FormattedMessage>
+                        </h1>
+                      </div>
+                    </styled.div>
+                  </div>
+                </styled.div>
+                <Connect(FavoriteStopToggle)>
+                  <FavoriteStopToggle
+                    forgetStop={[Function]}
+                    isFavoriteStop={false}
+                    rememberStop={[Function]}
+                  />
+                </Connect(FavoriteStopToggle)>
                 <div
                   style={
                     Object {
diff --git a/example-config.yml b/example-config.yml
index 02f0318e7..a1f034489 100644
--- a/example-config.yml
+++ b/example-config.yml
@@ -347,6 +347,8 @@ itinerary:
   renderRouteNamesInBlocks: true
   # Whether the mode icons should be colored as well
   fillModeIcons: true
+  # Allow user to collapse alerts in itinerary body
+  allowUserAlertCollapsing: true
   # If multiple fares are returned by OTP, assign names to the fare keys here
   #fareKeyNameMap:
   #  regular: "Transit Fare"
diff --git a/lib/actions/apiV2.js b/lib/actions/apiV2.js
index 66d8be91b..2a0fe80b0 100644
--- a/lib/actions/apiV2.js
+++ b/lib/actions/apiV2.js
@@ -533,6 +533,9 @@ export const findStopTimesForStop = (params) =>
                   headsign
                   id: code
                   route {
+                    agency {
+                      gtfsId
+                    }
                     gtfsId
                   }
                   stops {
diff --git a/lib/actions/map.js b/lib/actions/map.js
index 8d87bbdec..17cb19a69 100644
--- a/lib/actions/map.js
+++ b/lib/actions/map.js
@@ -32,7 +32,7 @@ export function setMapCenter(map /* MapRef */, location) {
  */
 export function zoomToPlace(map /* MapRef */, place, zoom) {
   return function () {
-    if (place && map) {
+    if (place && place.lat !== undefined && place.lon !== undefined && map) {
       map.flyTo({ center: [place.lon, place.lat], zoom: zoom || 17 })
     }
   }
diff --git a/lib/components/admin/field-trip-list.js b/lib/components/admin/field-trip-list.js
index 927886016..f74dbe841 100644
--- a/lib/components/admin/field-trip-list.js
+++ b/lib/components/admin/field-trip-list.js
@@ -201,16 +201,16 @@ class FieldTripList extends Component {
               <IconWithText Icon={GraduationCap}>
                 Field Trip Requests
               </IconWithText>{' '}
+              <button
+                className="clear-button-formatting"
+                onClick={this._onClickRefresh}
+                style={{ marginRight: '5px', verticalAlign: 'bottom' }}
+              >
+                <StyledIconWrapper>
+                  <RedoAlt />
+                </StyledIconWrapper>
+              </button>
               <span className="pull-right">
-                <button
-                  className="clear-button-formatting"
-                  onClick={this._onClickRefresh}
-                  style={{ marginRight: '5px', verticalAlign: 'bottom' }}
-                >
-                  <StyledIconWrapper>
-                    <RedoAlt />
-                  </StyledIconWrapper>
-                </button>
                 <input
                   defaultValue={search}
                   onKeyUp={this._handleSearchKeyUp}
diff --git a/lib/components/form/connect-location-field.js b/lib/components/form/connect-location-field.js
index d7091ee9b..d1d8cf2ea 100644
--- a/lib/components/form/connect-location-field.js
+++ b/lib/components/form/connect-location-field.js
@@ -80,9 +80,19 @@ export default function connectLocationField(
     }
 
     const geocoderConfig = config.geocoder
-    if (currentPosition?.coords) {
-      const { latitude: lat, longitude: lon } = currentPosition.coords
-      geocoderConfig.focusPoint = { lat, lon }
+    if (geocoderConfig) {
+      if (query.to && query.to?.lat && query.to?.lon) {
+        const { lat, lon } = query.to
+        geocoderConfig.focusPoint = { lat, lon }
+      }
+      if (query.from && query.from?.lat && query.from?.lon) {
+        const { lat, lon } = query.from
+        geocoderConfig.focusPoint = { lat, lon }
+      }
+      if (currentPosition?.coords) {
+        const { latitude: lat, longitude: lon } = currentPosition.coords
+        geocoderConfig.focusPoint = { lat, lon }
+      }
     }
 
     const stateToProps = {
diff --git a/lib/components/map/point-popup.tsx b/lib/components/map/point-popup.tsx
index 8422aff0d..d9e902dbd 100644
--- a/lib/components/map/point-popup.tsx
+++ b/lib/components/map/point-popup.tsx
@@ -1,8 +1,8 @@
 import { connect } from 'react-redux'
-import { MapRef, useMap } from 'react-map-gl'
 import { Popup } from '@opentripplanner/base-map'
 import { Search } from '@styled-icons/fa-solid/Search'
 import { useIntl, WrappedComponentProps } from 'react-intl'
+import { useMap } from 'react-map-gl'
 import FromToLocationPicker from '@opentripplanner/from-to-location-picker'
 import React, { useCallback } from 'react'
 import styled from 'styled-components'
@@ -11,7 +11,7 @@ import type { Location } from '@opentripplanner/types'
 import * as mapActions from '../../actions/map'
 import { Icon } from '../util/styledIcon'
 import { renderCoordinates } from '../../util/i18n'
-import { SetLocationHandler } from '../util/types'
+import { SetLocationHandler, ZoomToPlaceHandler } from '../util/types'
 
 const PopupTitleWrapper = styled.div`
   align-items: flex-start;
@@ -36,11 +36,7 @@ type Props = {
   clearMapPopupLocation: () => void
   mapPopupLocation: Location
   setLocation: SetLocationHandler
-  zoomToPlace: (
-    map?: MapRef,
-    place?: { lat: number; lon: number },
-    zoom?: number
-  ) => void
+  zoomToPlace: ZoomToPlaceHandler
 } & WrappedComponentProps
 
 const DEFAULT_ZOOM = 15
diff --git a/lib/components/narrative/line-itin/connected-itinerary-body.js b/lib/components/narrative/line-itin/connected-itinerary-body.js
index 12c51897a..287a9852a 100644
--- a/lib/components/narrative/line-itin/connected-itinerary-body.js
+++ b/lib/components/narrative/line-itin/connected-itinerary-body.js
@@ -83,6 +83,7 @@ class ConnectedItineraryBody extends Component {
     const clonedItinerary = clone(itinerary)
 
     const showViewTripButton = !config?.itinerary?.hideViewTripButton
+    const allowUserAlertCollapsing = config?.itinerary?.allowUserAlertCollapsing
 
     // Support OTP1 flex messages in Trip Details
     // Adding empty pickupBookingInfo and dropOffBookingInfo objects
@@ -116,6 +117,7 @@ class ConnectedItineraryBody extends Component {
       <ItineraryBodyContainer>
         <StyledItineraryBody
           accessibilityScoreGradationMap={accessibilityScoreGradationMap}
+          alwaysCollapseAlerts={allowUserAlertCollapsing}
           config={config}
           diagramVisible={diagramVisible}
           itinerary={clonedItinerary}
diff --git a/lib/components/user/places/favorite-place-screen.js b/lib/components/user/places/favorite-place-screen.js
index e6c83b57b..fbad867a0 100644
--- a/lib/components/user/places/favorite-place-screen.js
+++ b/lib/components/user/places/favorite-place-screen.js
@@ -117,7 +117,8 @@ class FavoritePlaceScreen extends Component {
     const { pendingSave } = this.state
     // Get the places as shown (and not as retrieved from db), so that the index passed from URL applies
     // (indexes 0 and 1 are for Home and Work locations).
-    const place = this._getPlaceToEdit(loggedInUser)
+    // Clone the place to avoid improper state mutation in the lines below.
+    const place = clone(this._getPlaceToEdit(loggedInUser))
     // For <input> controls, the value must be at least ''.
     if (place?.name === null) {
       place.name = ''
@@ -154,7 +155,7 @@ class FavoritePlaceScreen extends Component {
           id: 'components.SubNav.myAccount'
         }) : '']} />
         <Formik
-          initialValues={clone(place)}
+          initialValues={place}
           onSubmit={this._handleSave}
           validateOnBlur
           // Avoid validating on change as it is annoying. Validating on blur is enough.
diff --git a/lib/components/util/link.ts b/lib/components/util/link.ts
new file mode 100644
index 000000000..038f614db
--- /dev/null
+++ b/lib/components/util/link.ts
@@ -0,0 +1,33 @@
+import { ComponentType, HTMLAttributes } from 'react'
+import { connect } from 'react-redux'
+
+import { AppReduxState } from '../../util/state-types'
+import { combineQueryParams } from '../../util/api'
+import { isBlank } from '../../util/ui'
+
+interface OwnProps extends HTMLAttributes<HTMLAnchorElement> {
+  to: string
+  toParams?: Record<string, unknown>
+}
+
+/**
+ * Renders an anchor element <a> with specified path and query params,
+ * that preserves other existing query params.
+ */
+const Link: ComponentType = 'a' as unknown as ComponentType
+
+// connect to the redux store so that the search params get updated in timely fashion.
+
+const mapStateToProps = (state: AppReduxState, ownProps: OwnProps) => {
+  const queryParams = combineQueryParams(ownProps.toParams)
+  const href = `#${ownProps.to}${isBlank(queryParams) ? '' : `?${queryParams}`}`
+  return {
+    href,
+    // Remove the passed to and toParams props from the rendered HTML.
+    to: undefined,
+    toParams: undefined
+  }
+}
+
+// Pass an empty object as mapDispatchToProps to remove dispatch from the rendered HTML.
+export default connect(mapStateToProps, {})(Link)
diff --git a/lib/components/util/link.tsx b/lib/components/util/link.tsx
deleted file mode 100644
index edaf99899..000000000
--- a/lib/components/util/link.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Link as RouterLink } from 'react-router-dom'
-import React, { HTMLAttributes } from 'react'
-
-import { combineQueryParams } from '../../util/api'
-
-interface Props extends HTMLAttributes<HTMLSpanElement> {
-  to: string
-  toParams: Record<string, unknown>
-}
-
-/**
- * Renders an anchor element <a> with specified path and query params,
- * that preserves other existing query params.
- */
-const Link = ({
-  children,
-  className,
-  style,
-  to,
-  toParams
-}: Props): JSX.Element => (
-  <RouterLink
-    className={className}
-    style={style}
-    to={{
-      pathname: to,
-      search: combineQueryParams(toParams)
-    }}
-  >
-    {children}
-  </RouterLink>
-)
-
-export default Link
diff --git a/lib/components/util/types.ts b/lib/components/util/types.ts
index 019bb4cf0..fb08c83ae 100644
--- a/lib/components/util/types.ts
+++ b/lib/components/util/types.ts
@@ -5,6 +5,7 @@ import {
   Route,
   Stop
 } from '@opentripplanner/types'
+import { MapRef } from 'react-map-gl'
 
 export interface StopTimeTrip {
   blockId?: string
@@ -101,3 +102,9 @@ export type SetViewedRouteHandler = (route?: ViewedRouteState) => void
 export type SetViewedStopHandler = (payload: Stop | null) => void
 
 export type SetLocationHandler = (payload: MapLocationActionArg) => void
+
+export type ZoomToPlaceHandler = (
+  map?: MapRef,
+  place?: { lat: number; lon: number },
+  zoom?: number
+) => void
diff --git a/lib/components/viewers/nearby/from-to-picker.tsx b/lib/components/viewers/nearby/from-to-picker.tsx
new file mode 100644
index 000000000..bb7fdd999
--- /dev/null
+++ b/lib/components/viewers/nearby/from-to-picker.tsx
@@ -0,0 +1,43 @@
+import { connect } from 'react-redux'
+import { Place } from '@opentripplanner/types'
+import FromToLocationPicker from '@opentripplanner/from-to-location-picker'
+import React, { useCallback, useMemo } from 'react'
+
+import * as mapActions from '../../../actions/map'
+import { SetLocationHandler } from '../../util/types'
+
+interface Props {
+  className?: string
+  place: Place
+  setLocation: SetLocationHandler
+}
+
+const FromToPicker = ({ className, place, setLocation }: Props) => {
+  const location = useMemo(
+    () => ({
+      lat: place.lat ?? 0,
+      lon: place.lon ?? 0,
+      name: place.name
+    }),
+    [place]
+  )
+  return (
+    <span className={className} role="group">
+      <FromToLocationPicker
+        label
+        onFromClick={useCallback(() => {
+          setLocation({ location, locationType: 'from', reverseGeocode: false })
+        }, [location, setLocation])}
+        onToClick={useCallback(() => {
+          setLocation({ location, locationType: 'to', reverseGeocode: false })
+        }, [location, setLocation])}
+      />
+    </span>
+  )
+}
+
+const mapDispatchToProps = {
+  setLocation: mapActions.setLocation
+}
+
+export default connect(null, mapDispatchToProps)(FromToPicker)
diff --git a/lib/components/viewers/nearby/nearby-view.tsx b/lib/components/viewers/nearby/nearby-view.tsx
index d66f427ea..6e7bb3b9a 100644
--- a/lib/components/viewers/nearby/nearby-view.tsx
+++ b/lib/components/viewers/nearby/nearby-view.tsx
@@ -1,15 +1,14 @@
 import { connect } from 'react-redux'
 import { FormattedMessage, useIntl } from 'react-intl'
-import { Location, Stop as StopType } from '@opentripplanner/types'
+import { Location } from '@opentripplanner/types'
 import { MapRef, useMap } from 'react-map-gl'
-import FromToLocationPicker from '@opentripplanner/from-to-location-picker'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 
 import * as apiActions from '../../../actions/api'
 import * as mapActions from '../../../actions/map'
 import * as uiActions from '../../../actions/ui'
 import { AppReduxState } from '../../../util/state-types'
-import { SetLocationHandler } from '../../util/types'
+import { SetLocationHandler, ZoomToPlaceHandler } from '../../util/types'
 import Loading from '../../narrative/loading'
 import MobileContainer from '../../mobile/container'
 import MobileNavigationBar from '../../mobile/navigation-bar'
@@ -21,6 +20,7 @@ import {
   NearbySidebarContainer,
   Scrollable
 } from './styled'
+import FromToPicker from './from-to-picker'
 import RentalStation from './rental-station'
 import Stop from './stop'
 import Vehicle from './vehicle-rent'
@@ -43,47 +43,17 @@ type Props = {
   setLocation: SetLocationHandler
   setMainPanelContent: (content: number) => void
   setViewedNearbyCoords: (location: Location | null) => void
-  zoomToPlace: (map: MapRef, stopData: Location) => void
+  zoomToPlace: ZoomToPlaceHandler
 }
 
-const FromToPicker = ({
-  setLocation,
-  stopData
-}: {
-  setLocation: SetLocationHandler
-  stopData: StopType
-}) => {
-  const location = useMemo(
-    () => ({
-      lat: stopData.lat ?? 0,
-      lon: stopData.lon ?? 0,
-      name: stopData.name
-    }),
-    [stopData]
-  )
-  return (
-    <span role="group">
-      <FromToLocationPicker
-        label
-        onFromClick={useCallback(() => {
-          setLocation({ location, locationType: 'from', reverseGeocode: false })
-        }, [location, setLocation])}
-        onToClick={useCallback(() => {
-          setLocation({ location, locationType: 'to', reverseGeocode: false })
-        }, [location, setLocation])}
-      />
-    </span>
-  )
-}
-
-const getNearbyItem = (place: any, setLocation: SetLocationHandler) => {
-  const fromTo = <FromToPicker setLocation={setLocation} stopData={place} />
+const getNearbyItem = (place: any) => {
+  const fromTo = <FromToPicker place={place} />
 
   switch (place.__typename) {
     case 'RentalVehicle':
       return <Vehicle fromToSlot={fromTo} vehicle={place} />
     case 'Stop':
-      return <Stop fromToSlot={fromTo} showOperatorLogo stopData={place} />
+      return <Stop fromToSlot={fromTo} stopData={place} />
     case 'VehicleParking':
       return <VehicleParking fromToSlot={fromTo} place={place} />
     case 'BikeRentalStation':
@@ -115,11 +85,6 @@ function NearbyView({
   const [loading, setLoading] = useState(true)
   const firstItemRef = useRef<HTMLDivElement>(null)
 
-  const onClickSetLocation: SetLocationHandler = (payload) => {
-    setMainPanelContent(0)
-    setLocation(payload)
-  }
-
   // Make sure the highlighted location is cleaned up when leaving nearby
   useEffect(() => {
     return function cleanup() {
@@ -223,7 +188,7 @@ function NearbyView({
           /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
           tabIndex={0}
         >
-          {getNearbyItem(n.place, onClickSetLocation)}
+          {getNearbyItem(n.place)}
         </div>
       </li>
     ))
diff --git a/lib/components/viewers/nearby/stop-card-header.tsx b/lib/components/viewers/nearby/stop-card-header.tsx
new file mode 100644
index 000000000..beab553d4
--- /dev/null
+++ b/lib/components/viewers/nearby/stop-card-header.tsx
@@ -0,0 +1,144 @@
+import { connect } from 'react-redux'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { Search } from '@styled-icons/fa-solid/Search'
+import { TransitOperator } from '@opentripplanner/types'
+import React, { ComponentType } from 'react'
+
+import { AppReduxState } from '../../../util/state-types'
+import { Icon, IconWithText } from '../../util/styledIcon'
+import { StopData } from '../../util/types'
+import InvisibleA11yLabel from '../../util/invisible-a11y-label'
+import Link from '../../util/link'
+import OperatorLogo from '../../util/operator-logo'
+import Strong from '../../util/strong-text'
+
+import { CardBody, CardHeader, CardTitle } from './styled'
+
+type Props = {
+  actionIcon: ComponentType
+  actionParams?: Record<string, unknown>
+  actionPath: string
+  actionText: JSX.Element
+  fromToSlot: JSX.Element
+  onZoomClick?: () => void
+  stopData: StopData
+  titleAs?: string
+  transitOperators?: TransitOperator[]
+}
+
+const Operator = ({ operator }: { operator?: TransitOperator }) => {
+  const intl = useIntl()
+  if (!operator) {
+    return null
+  } else {
+    const operatorLogoAriaLabel = intl.formatMessage(
+      {
+        id: 'components.StopViewer.operatorLogoAriaLabel'
+      },
+      {
+        operatorName: operator.name
+      }
+    )
+    return operator.logo ? (
+      // Span with agency classname allows optional contrast/customization in user
+      // config for logos with poor contrast. Class name is hyphenated agency name
+      // e.g. "sound-transit"
+      <span
+        className={
+          operator.name ? operator.name.replace(/\s+/g, '-').toLowerCase() : ''
+        }
+      >
+        <OperatorLogo alt={operatorLogoAriaLabel} operator={operator} />
+      </span>
+    ) : (
+      // If operator exists but logo is missing,
+      // we still need to announce the operator name to screen readers.
+      <InvisibleA11yLabel>{operatorLogoAriaLabel}</InvisibleA11yLabel>
+    )
+  }
+}
+
+const StopCardHeader = ({
+  actionIcon,
+  actionParams,
+  actionPath,
+  actionText,
+  fromToSlot,
+  onZoomClick,
+  stopData,
+  titleAs,
+  transitOperators
+}: Props): JSX.Element => {
+  const intl = useIntl()
+  const agencies =
+    stopData.stoptimesForPatterns?.reduce<Set<string>>((prev, cur) => {
+      // @ts-expect-error The agency type is not yet compatible with OTP2
+      const agencyGtfsId = cur.pattern.route.agency?.gtfsId
+      return agencyGtfsId ? prev.add(agencyGtfsId) : prev
+    }, new Set()) || new Set()
+  const zoomButtonText = onZoomClick
+    ? intl.formatMessage({
+        id: 'components.StopViewer.zoomToStop'
+      })
+    : undefined
+
+  return (
+    <>
+      <CardHeader>
+        {/* @ts-expect-error The 'as' prop in styled-components is not listed for TypeScript. */}
+        <CardTitle as={titleAs}>
+          {transitOperators
+            ?.filter((to) => Array.from(agencies).includes(to.agencyId))
+            // Second pass to remove duplicates based on name
+            .filter(
+              (to, index, arr) =>
+                index === arr.findIndex((t) => t?.name === to?.name)
+            )
+            .map((to) => (
+              <Operator key={to.agencyId} operator={to} />
+            ))}
+          <span>{stopData.name}</span>
+        </CardTitle>
+      </CardHeader>
+      <CardBody>
+        <div>
+          <FormattedMessage
+            id="components.StopViewer.displayStopId"
+            values={{
+              stopId: stopData.code || stopData.gtfsId,
+              strong: Strong
+            }}
+          />
+          {onZoomClick ? (
+            <button
+              className="link-button"
+              onClick={onZoomClick}
+              title={zoomButtonText}
+            >
+              <Icon Icon={Search} style={{ marginLeft: '0.2em' }} />
+              <InvisibleA11yLabel>{zoomButtonText}</InvisibleA11yLabel>
+            </button>
+          ) : null}
+          <Link
+            className="pull-right"
+            style={{ color: 'inherit', fontSize: 'small' }}
+            to={actionPath}
+            toParams={actionParams}
+          >
+            <IconWithText Icon={actionIcon}>{actionText}</IconWithText>
+          </Link>
+        </div>
+        {fromToSlot}
+      </CardBody>
+    </>
+  )
+}
+
+const mapStateToProps = (state: AppReduxState) => {
+  const { config } = state.otp
+  return {
+    transitOperators: config.transitOperators
+  }
+}
+
+export default connect(mapStateToProps)(StopCardHeader)
diff --git a/lib/components/viewers/nearby/stop.tsx b/lib/components/viewers/nearby/stop.tsx
index 792830826..18b71905d 100644
--- a/lib/components/viewers/nearby/stop.tsx
+++ b/lib/components/viewers/nearby/stop.tsx
@@ -1,43 +1,21 @@
-import { Calendar, MapPin } from '@styled-icons/fa-solid'
+import { Calendar } from '@styled-icons/fa-solid'
 import { connect } from 'react-redux'
-import { FormattedMessage, useIntl } from 'react-intl'
-import { Place, TransitOperator } from '@opentripplanner/types'
+import { FormattedMessage } from 'react-intl'
 import coreUtils from '@opentripplanner/core-utils'
-import React, { useCallback } from 'react'
+import React from 'react'
 
-import * as uiActions from '../../../actions/ui'
 import { AppReduxState } from '../../../util/state-types'
 import { extractHeadsignFromPattern } from '../../../util/viewer'
-import { IconWithText } from '../../util/styledIcon'
 import { NearbyViewConfig } from '../../../util/config-types'
-import { Pattern, StopTime } from '../../util/types'
-import OperatorLogo from '../../util/operator-logo'
+import { PatternStopTime, StopData, StopTime } from '../../util/types'
 import PatternRow from '../pattern-row'
-import Strong from '../../util/strong-text'
 import TimezoneWarning from '../timezone-warning'
 
-import {
-  Card,
-  CardBody,
-  CardHeader,
-  CardTitle,
-  PatternRowContainer,
-  StyledAlert
-} from './styled'
+import { Card, PatternRowContainer, StyledAlert } from './styled'
+import StopCardHeader from './stop-card-header'
 
 const { getUserTimezone } = coreUtils.time
 
-type PatternStopTime = {
-  pattern: Pattern
-  stoptimes: StopTime[]
-}
-
-type StopData = Place & {
-  code: string
-  gtfsId: string
-  stoptimesForPatterns: PatternStopTime[]
-}
-
 const fullTimestamp = (stoptime: StopTime) =>
   (stoptime.serviceDay || 0) + (stoptime.realtimeDeparture || 0)
 
@@ -45,48 +23,16 @@ type Props = {
   fromToSlot: JSX.Element
   homeTimezone: string
   nearbyViewConfig?: NearbyViewConfig
-  setHoveredStop: (stopId?: string) => void
-  setViewedStop: (stop: any, nearby: string) => void
-  showOperatorLogo: boolean
   stopData: StopData
-  transitOperators?: TransitOperator[]
-}
-
-const Operator = ({ operator }: { operator?: TransitOperator }) => {
-  const intl = useIntl()
-  return operator && operator.logo ? (
-    <OperatorLogo
-      alt={intl.formatMessage(
-        {
-          id: 'components.StopViewer.operatorLogoAriaLabel'
-        },
-        {
-          operatorName: operator.name
-        }
-      )}
-      operator={operator}
-    />
-  ) : (
-    <MapPin />
-  )
 }
 
 const Stop = ({
   fromToSlot,
   homeTimezone,
   nearbyViewConfig,
-  setHoveredStop,
-  setViewedStop,
-  stopData,
-  transitOperators
+  stopData
 }: Props): JSX.Element => {
-  const agencies = stopData.stoptimesForPatterns?.reduce<Set<string>>(
-    // @ts-expect-error The agency type is not yet compatible with OTP2
-    (prev, cur) => prev.add(cur.pattern.route.agency.gtfsId),
-    new Set()
-  )
-
-  const patternRows = stopData.stoptimesForPatterns
+  const patternRows = (stopData.stoptimesForPatterns || [])
     ?.reduce<PatternStopTime[]>((acc, cur) => {
       const currentHeadsign = extractHeadsignFromPattern(cur.pattern)
       const dupe = acc.findIndex(
@@ -132,61 +78,21 @@ const Stop = ({
     </StyledAlert>
   )
 
-  const onMouseEnter = useCallback(() => {
-    setHoveredStop(stopData.gtfsId)
-  }, [setHoveredStop, stopData.gtfsId])
-
-  const onMouseLeave = useCallback(() => {
-    setHoveredStop(undefined)
-  }, [setHoveredStop])
-
   if (nearbyViewConfig?.hideEmptyStops && patternRows.length === 0) return <></>
 
   return (
-    <Card onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
-      <CardHeader>
-        <CardTitle>
-          <IconWithText
-            icon={
-              <>
-                {transitOperators
-                  ?.filter((to) => Array.from(agencies).includes(to.agencyId))
-                  // Second pass to remove duplicates based on name
-                  .filter(
-                    (to, index, arr) =>
-                      index === arr.findIndex((t) => t?.name === to?.name)
-                  )
-                  .map((to) => (
-                    <Operator key={to.agencyId} operator={to} />
-                  ))}
-              </>
-            }
-          >
-            {stopData.name}
-          </IconWithText>
-        </CardTitle>
-      </CardHeader>
-      <CardBody>
-        <div>
-          <FormattedMessage
-            id="components.StopViewer.displayStopId"
-            values={{
-              stopId: stopData.code || stopData.gtfsId,
-              strong: Strong
-            }}
-          />
-          <button
-            className="link-button pull-right"
-            onClick={() => setViewedStop({ stopId: stopData.gtfsId }, 'stop')}
-            style={{ fontSize: 'small' }}
-          >
-            <IconWithText Icon={Calendar}>
-              <FormattedMessage id="components.StopViewer.viewSchedule" />
-            </IconWithText>
-          </button>
-        </div>
-        {fromToSlot}
-      </CardBody>
+    <Card>
+      <StopCardHeader
+        actionIcon={Calendar}
+        // Remove entityId URL parameter when leaving nearby view.
+        actionParams={{ entityId: undefined }}
+        actionPath={`/schedule/${stopData.gtfsId}`}
+        actionText={
+          <FormattedMessage id="components.StopViewer.viewSchedule" />
+        }
+        fromToSlot={fromToSlot}
+        stopData={stopData}
+      />
       <div>
         <div>{timezoneWarning}</div>
         <PatternRowContainer>{patternRows}</PatternRowContainer>
@@ -195,20 +101,12 @@ const Stop = ({
   )
 }
 
-const mapDispatchToProps = {
-  setHoveredStop: uiActions.setHoveredStop,
-  setMainPanelContent: uiActions.setMainPanelContent,
-  setViewedStop: uiActions.setViewedStop,
-  toggleAutoRefresh: uiActions.toggleAutoRefresh
-}
-
 const mapStateToProps = (state: AppReduxState) => {
   const { config } = state.otp
   return {
     homeTimezone: config.homeTimezone,
-    nearbyViewConfig: config?.nearbyView,
-    transitOperators: config.transitOperators
+    nearbyViewConfig: config?.nearbyView
   }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(Stop)
+export default connect(mapStateToProps)(Stop)
diff --git a/lib/components/viewers/nearby/styled.tsx b/lib/components/viewers/nearby/styled.tsx
index 159d787d3..7e028686e 100644
--- a/lib/components/viewers/nearby/styled.tsx
+++ b/lib/components/viewers/nearby/styled.tsx
@@ -36,16 +36,20 @@ export const Card = styled.div`
 `
 
 export const CardHeader = styled.div`
-  display: flex;
-  flex-direction: column;
-  padding: 0 1.2rem;
-  padding-top: 1rem;
+  padding: 1rem 1.2rem 0;
 `
 
 export const CardTitle = styled.p`
+  align-items: center;
+  display: flex;
   font-size: 22px;
   font-weight: 600;
+  gap: 0.5ch;
   margin: 0;
+  /* Prevent svg and images to be taller than the text. */
+  svg {
+    max-height: 1em;
+  }
 `
 
 export const CardSubheader = styled.p`
diff --git a/lib/components/viewers/stop-schedule-viewer.tsx b/lib/components/viewers/stop-schedule-viewer.tsx
index 5f80784d6..51f85c967 100644
--- a/lib/components/viewers/stop-schedule-viewer.tsx
+++ b/lib/components/viewers/stop-schedule-viewer.tsx
@@ -6,29 +6,27 @@ import { format, parse } from 'date-fns'
 import { FormattedMessage, injectIntl, IntlShape } from 'react-intl'
 import { MagnifyingGlass } from '@styled-icons/fa-solid/MagnifyingGlass'
 import { MapRef } from 'react-map-gl'
-import { Search } from '@styled-icons/fa-solid/Search'
 import { utcToZonedTime } from 'date-fns-tz'
 import coreUtils from '@opentripplanner/core-utils'
-import FromToLocationPicker from '@opentripplanner/from-to-location-picker'
 import React, { Component, FormEvent } from 'react'
 import styled from 'styled-components'
 
 import * as apiActions from '../../actions/api'
 import * as mapActions from '../../actions/map'
 import { AppReduxState } from '../../util/state-types'
-import { Icon, IconWithText } from '../util/styledIcon'
+import { IconWithText } from '../util/styledIcon'
 import { isBlank, navigateBack } from '../../util/ui'
-import { SetLocationHandler, StopData } from '../util/types'
+import { StopData, ZoomToPlaceHandler } from '../util/types'
 import { stopIsFlex } from '../../util/viewer'
 import { TransitOperatorConfig } from '../../util/config-types'
-import Link from '../util/link'
-import OperatorLogo from '../util/operator-logo'
 import PageTitle from '../util/page-title'
 import ServiceTimeRangeRetriever from '../util/service-time-range-retriever'
-import Strong from '../util/strong-text'
 import withMap from '../map/with-map'
 
+import { CardBody, CardHeader } from './nearby/styled'
 import FavoriteStopToggle from './favorite-stop-toggle'
+import FromToPicker from './nearby/from-to-picker'
+import StopCardHeader from './nearby/stop-card-header'
 import StopScheduleTable from './stop-schedule-table'
 import TimezoneWarning from './timezone-warning'
 
@@ -40,17 +38,11 @@ interface Props {
   homeTimezone: string
   intl: IntlShape
   map?: MapRef
-  setLocation: SetLocationHandler
   showBlockIds?: boolean
   stopData?: StopData
   stopId?: string
   transitOperators: TransitOperatorConfig[]
-  // TODO refactor
-  zoomToPlace: (
-    map?: MapRef,
-    place?: { lat: number; lon: number },
-    zoom?: number
-  ) => void
+  zoomToPlace: ZoomToPlaceHandler
 }
 
 interface State {
@@ -84,6 +76,46 @@ const StyledAlert = styled(Alert)`
   text-align: center;
 `
 
+const HeaderCard = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: 5px 0 0;
+
+  ${CardBody} {
+    margin: 25px 0 0;
+  }
+
+  input[type='date'] {
+    background: inherit;
+    border: none;
+    clear: right;
+    cursor: pointer;
+    outline: none;
+    width: 125px;
+  }
+  /* Remove arrows on date input */
+  input[type='date']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+  /* For Chromium browsers, remove extra space between date and the calendar icon. */
+  input[type='date']::-webkit-calendar-picker-indicator {
+    margin: 0;
+  }
+`
+
+const StyledFromToPicker = styled(FromToPicker)`
+  button {
+    color: inherit;
+  }
+  span {
+    border-color: currentColor;
+  }
+  svg {
+    color: inherit;
+    fill: inherit;
+  }
+`
+
 class StopScheduleViewer extends Component<Props, State> {
   constructor(props: Props) {
     super(props)
@@ -92,26 +124,16 @@ class StopScheduleViewer extends Component<Props, State> {
 
   _backClicked = () => navigateBack()
 
-  _setLocationFromStop = (locationType: string) => {
-    const { setLocation, stopData } = this.props
-    if (stopData) {
-      const location = {
-        lat: stopData.lat,
-        lon: stopData.lon,
-        name: stopData.name
-      }
-      setLocation({ location, locationType, reverseGeocode: false })
-    }
-  }
-
-  _onClickPlanTo = () => this._setLocationFromStop('to')
-
-  _onClickPlanFrom = () => this._setLocationFromStop('from')
-
   componentDidMount() {
     this._findStopTimesForDate(this.state.date)
   }
 
+  componentDidUpdate() {
+    // FIXME: This is to prevent zooming the map back to entire itinerary
+    // when accessing the schedule viewer from the nearby view.
+    this._zoomToStop()
+  }
+
   _findStopTimesForDate = (date: string) => {
     const { findStopTimesForStop, stopId } = this.props
     if (stopId) {
@@ -170,12 +192,9 @@ class StopScheduleViewer extends Component<Props, State> {
   }
 
   _renderHeader = (agencyCount: number) => {
-    const { hideBackButton, intl, stopData } = this.props
-
-    // We can use the first route, as this operator will only be used if there is only one operator
-    const stationOperator = this.getOperator()
-
+    const { hideBackButton, stopData, stopId } = this.props
     return (
+      // CSS class stop-viewer-header is needed for customizing how logos are displayed.
       <div className="stop-viewer-header">
         {/* Back button */}
         {!hideBackButton && (
@@ -188,68 +207,45 @@ class StopScheduleViewer extends Component<Props, State> {
           </div>
         )}
 
-        {/* Header Text */}
-        <div className="header-text">
+        <HeaderCard>
           {stopData?.name ? (
-            <h1 style={{ paddingLeft: '0.5ch' }}>
-              {agencyCount <= 1 && stationOperator && (
-                /* Span with agency classname allows optional contrast/customization in user 
-                config for logos with poor contrast. Class name is hyphenated agency name 
-                e.g. "sound-transit" */
-                <span
-                  className={
-                    stationOperator?.name
-                      ? stationOperator.name.replace(/\s+/g, '-').toLowerCase()
-                      : ''
-                  }
-                >
-                  <OperatorLogo
-                    alt={intl.formatMessage(
-                      {
-                        id: 'components.StopViewer.operatorLogoAriaLabel'
-                      },
-                      {
-                        operatorName: stationOperator.name
-                      }
-                    )}
-                    operator={stationOperator}
-                  />
-                </span>
-              )}
-              {stopData.name}
-            </h1>
+            <StopCardHeader
+              // FIXME: What icon should we use?
+              actionIcon={MagnifyingGlass}
+              actionParams={{ entityId: stopId }}
+              actionPath={`/nearby/${stopData.lat},${stopData.lon}`}
+              actionText={
+                <FormattedMessage id="components.StopViewer.viewNearby" />
+              }
+              fromToSlot={this._renderControls()}
+              onZoomClick={this._zoomToStop}
+              stopData={stopData}
+              titleAs="h1"
+            />
           ) : (
-            <h1>
-              <FormattedMessage id="components.StopViewer.loadingText" />
-            </h1>
+            <CardHeader>
+              <h1>
+                <FormattedMessage id="components.StopViewer.loadingText" />
+              </h1>
+            </CardHeader>
           )}
-          <FavoriteStopToggle stopData={stopData} />
-        </div>
+        </HeaderCard>
+        <FavoriteStopToggle stopData={stopData} />
+
         <div style={{ clear: 'both' }} />
       </div>
     )
   }
 
   /**
-   * Plan trip from/to here buttons, plus the schedule/next arrivals toggle.
+   * Plan trip from/to here buttons, plus the schedule date control.
    */
   _renderControls = () => {
-    const { calendarMax, calendarMin, homeTimezone, intl, stopData, stopId } =
+    const { calendarMax, calendarMin, homeTimezone, intl, stopData } =
       this.props
     const { date } = this.state
     const inHomeTimezone = homeTimezone && homeTimezone === getUserTimezone()
 
-    // Rewrite stop ID to not include Agency prefix, if present
-    // TODO: make this functionality configurable?
-    let displayedStopId
-    if (stopData) {
-      displayedStopId =
-        stopData.code ||
-        (stopData.gtfsId?.includes(':')
-          ? stopData.gtfsId.split(':')[1]
-          : stopData.gtfsId)
-    }
-
     let warning
     if (!inHomeTimezone && this._isDateWithinRange(date)) {
       // Display a banner about the departure timezone if user's timezone is not the configured 'homeTimezone'
@@ -275,46 +271,8 @@ class StopScheduleViewer extends Component<Props, State> {
     }
 
     return (
-      <div
-        className="stop-viewer-controls"
-        role="group"
-        style={{ marginBottom: '10px' }}
-      >
-        <div>
-          <FormattedMessage
-            id="components.StopViewer.displayStopId"
-            values={{ stopId: displayedStopId, strong: Strong }}
-          />
-          <button
-            className="link-button"
-            onClick={this._zoomToStop}
-            title={intl.formatMessage({
-              id: 'components.StopViewer.zoomToStop'
-            })}
-          >
-            <Icon Icon={Search} style={{ marginLeft: '0.2em' }} />
-          </button>
-          {stopData ? (
-            <Link
-              className="pull-right"
-              style={{ color: 'inherit', fontSize: 'small' }}
-              to={`/nearby/${stopData.lat},${stopData.lon}`}
-              toParams={{ entityId: stopId }}
-            >
-              {/* FIXME: What icon should we use? */}
-              <IconWithText Icon={MagnifyingGlass}>
-                <FormattedMessage id="components.StopViewer.viewNearby" />
-              </IconWithText>
-            </Link>
-          ) : null}
-        </div>
-        <span role="group">
-          <FromToLocationPicker
-            label
-            onFromClick={this._onClickPlanFrom}
-            onToClick={this._onClickPlanTo}
-          />
-        </span>
+      <div role="group" style={{ marginBottom: '10px' }}>
+        {stopData ? <StyledFromToPicker place={stopData} /> : null}
         <input
           aria-label={intl.formatMessage({
             id: 'components.StopViewer.findSchedule'
@@ -348,7 +306,6 @@ class StopScheduleViewer extends Component<Props, State> {
 
         {stopData && (
           <div className="stop-viewer-body">
-            {this._renderControls()}
             {/* scrollable list of scheduled stops requires tabIndex 
             for keyboard navigation */}
             <Scrollable tabIndex={0}>
@@ -432,7 +389,6 @@ const mapStateToProps = (state: AppReduxState) => {
 
 const mapDispatchToProps = {
   findStopTimesForStop: apiActions.findStopTimesForStop,
-  setLocation: mapActions.setLocation,
   zoomToPlace: mapActions.zoomToPlace
 }
 
diff --git a/lib/components/viewers/viewers.css b/lib/components/viewers/viewers.css
index d1dae3e5b..31e260402 100644
--- a/lib/components/viewers/viewers.css
+++ b/lib/components/viewers/viewers.css
@@ -1,7 +1,6 @@
 /* shared stop/trip viewer styles */
 
 .otp .route-viewer-header,
-.otp .stop-viewer-header,
 .otp .trip-viewer-header {
   padding: 12px;
   margin: 5px;
@@ -41,23 +40,6 @@
   animation-name: yellowfade;
 }
 
-.otp .stop-viewer-body input[type="date"] {
-  background: inherit;
-  border: none;
-  clear: right;
-  cursor: pointer;
-  outline: none;
-  width: 125px;
-}
-/* Remove arrows on date input */
-.otp .stop-viewer-body input[type="date"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-/* For Chromium browsers, remove extra space between date and the calendar icon. */
-.otp .stop-viewer-body input[type="date"]::-webkit-calendar-picker-indicator {
-  margin: 0;
-}
-
 .otp .route-viewer-body,
 .otp .stop-viewer-body,
 .otp .trip-viewer-body {
@@ -77,12 +59,6 @@
   margin-right: 10px;
 }
 
-.otp .stop-viewer .header-text {
-  display: flex;
-  align-items: flex-end;
-  gap: 1ch;
-}
-.otp .stop-viewer .header-text h1,
 .otp .trip-viewer .header-text,
 .otp .route-viewer .header-text {
   display: contents;
@@ -118,14 +94,6 @@
   padding-left: 10px;
 }
 
-.otp .stop-viewer .stop-viewer-controls button {
-  color: inherit;
-}
-.otp .stop-viewer .stop-viewer-controls svg {
-  color: inherit;
-  fill: inherit;
-}
-
 /* trip viewer styles */
 
 .otp .trip-viewer .stop-time {
diff --git a/lib/util/api.ts b/lib/util/api.ts
index a77736815..74eaca2f7 100644
--- a/lib/util/api.ts
+++ b/lib/util/api.ts
@@ -49,7 +49,7 @@ export function getServiceStart(
  * while preserving the other ones.
  */
 export function combineQueryParams(
-  addedParams: Record<string, unknown>
+  addedParams?: Record<string, unknown>
 ): string {
   const search = {
     ...getUrlParams(),
diff --git a/lib/util/config-types.ts b/lib/util/config-types.ts
index 8d8be2fca..68eae7240 100644
--- a/lib/util/config-types.ts
+++ b/lib/util/config-types.ts
@@ -243,6 +243,7 @@ export interface ItineraryCostWeights {
 }
 
 export interface ItineraryConfig {
+  allowUserAlertCollapsing?: boolean
   costs?: ItineraryCostConfig
   customBatchUiBackground?: boolean
   defaultFareType?: FareProductSelector
diff --git a/package.json b/package.json
index cf67fb467..b17006b81 100644
--- a/package.json
+++ b/package.json
@@ -43,14 +43,14 @@
     "@bugsnag/plugin-react": "^7.17.0",
     "@floating-ui/react": "^0.19.2",
     "@opentripplanner/base-map": "^3.0.17",
-    "@opentripplanner/core-utils": "^11.3.0",
+    "@opentripplanner/core-utils": "^11.3.1",
     "@opentripplanner/endpoints-overlay": "^2.0.12",
     "@opentripplanner/from-to-location-picker": "^2.1.12",
-    "@opentripplanner/geocoder": "^2.1.0",
+    "@opentripplanner/geocoder": "^2.2.0",
     "@opentripplanner/humanize-distance": "^1.2.0",
     "@opentripplanner/icons": "^2.0.10",
-    "@opentripplanner/itinerary-body": "^5.2.7",
-    "@opentripplanner/location-field": "^2.0.15",
+    "@opentripplanner/itinerary-body": "^5.2.8",
+    "@opentripplanner/location-field": "^2.0.16",
     "@opentripplanner/location-icon": "^1.4.1",
     "@opentripplanner/map-popup": "^3.0.3",
     "@opentripplanner/otp2-tile-overlay": "^1.0.11",
@@ -60,8 +60,8 @@
     "@opentripplanner/stop-viewer-overlay": "^2.0.8",
     "@opentripplanner/stops-overlay": "^5.2.2",
     "@opentripplanner/transit-vehicle-overlay": "^4.0.9",
-    "@opentripplanner/transitive-overlay": "^3.0.17",
-    "@opentripplanner/trip-details": "^5.0.10",
+    "@opentripplanner/transitive-overlay": "^3.0.18",
+    "@opentripplanner/trip-details": "^5.0.11",
     "@opentripplanner/trip-form": "^3.5.2",
     "@opentripplanner/trip-viewer-overlay": "^2.0.8",
     "@opentripplanner/vehicle-rental-overlay": "^2.1.7",
@@ -181,7 +181,7 @@
     "eslint-plugin-sort-keys-fix": "^1.1.1",
     "eslint-plugin-typescript-sort-keys": "^1.8.0",
     "execa": "^5.1.1",
-    "express": "^4.17.3",
+    "express": "^4.19.2",
     "har-express": "^1.1.0",
     "husky": "^6.0.0",
     "jest-transform-stub": "^2.0.0",
@@ -208,6 +208,9 @@
     "react": ">=15.0.0",
     "react-dom": ">=15.0.0"
   },
+  "resolutions": {
+    "@leeoniya/ufuzzy": "npm:dry-uninstall"
+  },
   "jest": {
     "moduleNameMapper": {
       "i18n/(.*)\\.yml$": "<rootDir>__tests__/test-utils/mock-data/empty-yml.js",
diff --git a/percy/percy.test.js b/percy/percy.test.js
index 3eb50e101..5a4de831e 100644
--- a/percy/percy.test.js
+++ b/percy/percy.test.js
@@ -261,8 +261,8 @@ async function executeTest(page, isMobile, isCallTaker) {
 
   // Open schedule view
   await page.waitForTimeout(2000)
-  await page.waitForSelector('button.link-button.pull-right')
-  await page.click('button.link-button.pull-right')
+  await page.waitForSelector('a.pull-right')
+  await page.click('a.pull-right')
   await page.waitForTimeout(500)
   // Request a schedule for a specific valid date in the past,
   // so it is different than today and triggers a full render of the schedule.
diff --git a/yarn.lock b/yarn.lock
index 4d8fda3fb..c7380eae9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2053,6 +2053,11 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@leeoniya/ufuzzy@^1.0.14", "@leeoniya/ufuzzy@npm:dry-uninstall":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/dry-uninstall/-/dry-uninstall-0.3.0.tgz#29847a27ed3b3bb94e6212547a677e37f4427011"
+  integrity sha512-b8h94RVpETWkVV59x62NsY++79bM7Si6Dxq7a4iVxRcJU3ZJJ4vaiC7wUZwM8WDK0ySRL+i+T/1SMAzbJLejYA==
+
 "@mapbox/geojson-rewind@^0.5.1":
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz#591a5d71a9cd1da1a0bf3420b3bea31b0fc7946a"
@@ -2387,10 +2392,10 @@
     maplibre-gl "^2.1.9"
     react-map-gl "^7.0.15"
 
-"@opentripplanner/core-utils@^11.2.3", "@opentripplanner/core-utils@^11.3.0":
-  version "11.3.0"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-11.3.0.tgz#5d9764bf2684d78e24911d20435b6488ab7a9632"
-  integrity sha512-qAx/z3GK1ccGYDlSHUJ5zPbD8FUCG+rDHwMSbtKgj1ciBxVL3KpcnfBGQAzcTysBRlw1lDmeondAGd5fsykuBg==
+"@opentripplanner/core-utils@^11.2.3", "@opentripplanner/core-utils@^11.3.1":
+  version "11.3.1"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-11.3.1.tgz#e42d95aa3d6b6cd167e8c63222c726d2ae6ebdd6"
+  integrity sha512-yUE5jmhO5UlA40Ik7jwSoxsqkiAdG40h+/BwmjfLaRjelD6weuzqQkEz7qSCbLo9M3ylchZmcwtaAFZX8xVh/g==
   dependencies:
     "@conveyal/lonlat" "^1.4.1"
     "@mapbox/polyline" "^1.1.0"
@@ -2424,13 +2429,14 @@
     "@opentripplanner/location-icon" "^1.4.1"
     flat "^5.0.2"
 
-"@opentripplanner/geocoder@^2.0.1", "@opentripplanner/geocoder@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/geocoder/-/geocoder-2.1.0.tgz#43bd5848edabedc9aa5d7fbc564f4f50e480f4d1"
-  integrity sha512-AfWjB4cXQZHqdWNckmKQKABIoYMeYntTwGr7EURCCsxQsZlBs2E3MoFTz4N495UsMgWpKkoaY/JyWioXFnCLhQ==
+"@opentripplanner/geocoder@^2.0.1", "@opentripplanner/geocoder@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/geocoder/-/geocoder-2.2.0.tgz#071f91664e898b06705c781fddd4f75dfcb3cc3f"
+  integrity sha512-V41WOCIpvwLRHEchBg3vRzGOOxoI+SdxczLGgLGPJ/Q/XiqaTqUgsK8WUv+hAUAGYNxI7jZbx7zdC2pXCH0m4w==
   dependencies:
     "@conveyal/geocoder-arcgis-geojson" "^0.0.3"
     "@conveyal/lonlat" "^1.4.1"
+    "@leeoniya/ufuzzy" "^1.0.14"
     isomorphic-mapzen-search "^1.6.1"
     lodash.memoize "^4.1.2"
 
@@ -2447,10 +2453,10 @@
     "@opentripplanner/core-utils" "^11.2.3"
     prop-types "^15.7.2"
 
-"@opentripplanner/itinerary-body@^5.2.6", "@opentripplanner/itinerary-body@^5.2.7":
-  version "5.2.7"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/itinerary-body/-/itinerary-body-5.2.7.tgz#f12d52540a912e14ff3b704604de06608301ff35"
-  integrity sha512-aCjhCAlFfMNbjLQc2jG8CPch7TipQcUnzunYxT2ZvwIH5/CUGVjuO0BXxKpXAb3p53eeRwe2VoHoynoMiM7Iuw==
+"@opentripplanner/itinerary-body@^5.2.6", "@opentripplanner/itinerary-body@^5.2.8":
+  version "5.2.8"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/itinerary-body/-/itinerary-body-5.2.8.tgz#12cb356dc3c203af9603541d46b2c30f0cc8dbe1"
+  integrity sha512-D/gH80BlTR/J4XYyhVG234J5qVatzYwEjObHUY01u17X+uUgRcl05zv9vNSLx9Va0UDxPc7oR+Ro5VnkW+QkKA==
   dependencies:
     "@opentripplanner/core-utils" "^11.2.3"
     "@opentripplanner/humanize-distance" "^1.2.0"
@@ -2465,10 +2471,10 @@
     react-resize-detector "^4.2.1"
     string-similarity "^4.0.4"
 
-"@opentripplanner/location-field@^2.0.15":
-  version "2.0.15"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/location-field/-/location-field-2.0.15.tgz#c13d59967d9335b3be96a02fb8f3b992a7814eac"
-  integrity sha512-Gg1Y9SLt3UO3+7KvwJc7gQWxSD03h8XSaDo5yz06IfMfqu6H1dBM1bZvFWuEWZwQwwpH9o7wrMw9ygraH2UMIg==
+"@opentripplanner/location-field@^2.0.16":
+  version "2.0.16"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/location-field/-/location-field-2.0.16.tgz#4b20f3065b77b8781efaa0094bc8d351e600c835"
+  integrity sha512-XLMSa92VOe8Ii5M1AuLf57qQfWYcRG6F0+OhIesh11l/R2xqOql68zyucpkKfH0HHBSKqahYDAYSk4nkkyEviA==
   dependencies:
     "@conveyal/geocoder-arcgis-geojson" "^0.0.3"
     "@opentripplanner/core-utils" "^11.2.3"
@@ -2568,10 +2574,10 @@
     "@opentripplanner/icons" "^2.0.9"
     flat "^5.0.2"
 
-"@opentripplanner/transitive-overlay@^3.0.17":
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/transitive-overlay/-/transitive-overlay-3.0.17.tgz#d2b1cc21d7770fe45dc663970925456d6e10fede"
-  integrity sha512-9j3D5IKhMih/2tayBS+dR2BSAnlJOWayE0f0nxGttj94Q7i+rcsZ1iQ9Z5okA+dRd9oBCdzPiDqCnSfCakOMfA==
+"@opentripplanner/transitive-overlay@^3.0.18":
+  version "3.0.18"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/transitive-overlay/-/transitive-overlay-3.0.18.tgz#c225564355125a0978061704fa4de3e899902869"
+  integrity sha512-zOcxhNszDg/87flr3SZ9J53YA5L0P+YFHQc/so4ceuaVXfkCkuaE6WvubG0FFM7Dj7JE+vqbjqz5bEYI6Xj8qg==
   dependencies:
     "@mapbox/polyline" "^1.1.1"
     "@opentripplanner/base-map" "^3.0.16"
@@ -2585,10 +2591,10 @@
     "@turf/midpoint" "^6.5.0"
     lodash.isequal "^4.5.0"
 
-"@opentripplanner/trip-details@^5.0.10":
-  version "5.0.10"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/trip-details/-/trip-details-5.0.10.tgz#52d0666b57462c58f42459468fe951c26a9e0ffe"
-  integrity sha512-P0QcqZlia7bDGqfyGfw6l86yHbwEeE6HpgBHX1xlXjtvwvxjckV+zsHcQ/ZExMNmyagX3dYery+EMbzy8/vvVA==
+"@opentripplanner/trip-details@^5.0.11":
+  version "5.0.11"
+  resolved "https://registry.yarnpkg.com/@opentripplanner/trip-details/-/trip-details-5.0.11.tgz#a672874a042ffcf89bb52a792ea8810545646c9e"
+  integrity sha512-oRu4o2zJxkm494iWvdwDnSqQ1VxZPlUMDp+FoJpC8S+H43RpHiCB6g/eutA2Ytigy/koezO9dpDveI6a6rPtQA==
   dependencies:
     "@opentripplanner/core-utils" "^11.2.3"
     "@styled-icons/fa-solid" "^10.34.0"
@@ -3400,11 +3406,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/history@*":
-  version "4.7.9"
-  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.9.tgz#1cfb6d60ef3822c589f18e70f8b12f9a28ce8724"
-  integrity sha512-MUc6zSmU3tEVnkQ78q0peeEjKWPUADMlC/t++2bI8WnAG2tvYRPIgHG8lWkXwqc8MsUF6Z2MOf+Mh5sazOmhiQ==
-
 "@types/history@^4.7.11":
   version "4.7.11"
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
@@ -3604,7 +3605,7 @@
     "@types/react" "*"
     "@types/react-router" "*"
 
-"@types/react-router@*":
+"@types/react-router@*", "@types/react-router@^5.1.17":
   version "5.1.20"
   resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.20.tgz#88eccaa122a82405ef3efbcaaa5dcdd9f021387c"
   integrity sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==
@@ -3612,14 +3613,6 @@
     "@types/history" "^4.7.11"
     "@types/react" "*"
 
-"@types/react-router@^5.1.17":
-  version "5.1.17"
-  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.17.tgz#087091006213b11042f39570e5cd414863693968"
-  integrity sha512-RNSXOyb3VyRs/EOGmjBhhGKTbnN6fHWvy5FNLzWfOWOGjgVUKqJZXfpKzLmgoU8h6Hj8mpALj/mbXQASOb92wQ==
-  dependencies:
-    "@types/history" "*"
-    "@types/react" "*"
-
 "@types/react@*", "@types/react@17":
   version "17.0.38"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd"
@@ -5128,21 +5121,23 @@ bn.js@^5.0.0, bn.js@^5.2.1:
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
   integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
 
-body-parser@1.19.2:
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.2.tgz#4714ccd9c157d44797b8b5607d72c0b89952f26e"
-  integrity sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==
+body-parser@1.20.2:
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.2.tgz#6feb0e21c4724d06de7ff38da36dad4f57a747fd"
+  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
   dependencies:
     bytes "3.1.2"
-    content-type "~1.0.4"
+    content-type "~1.0.5"
     debug "2.6.9"
-    depd "~1.1.2"
-    http-errors "1.8.1"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
     iconv-lite "0.4.24"
-    on-finished "~2.3.0"
-    qs "6.9.7"
-    raw-body "2.4.3"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.2"
     type-is "~1.6.18"
+    unpipe "1.0.0"
 
 bonjour@^3.5.0:
   version "3.5.0"
@@ -6244,10 +6239,10 @@ content-disposition@0.5.4, content-disposition@^0.5.4:
   dependencies:
     safe-buffer "5.2.1"
 
-content-type@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
 
 conventional-changelog-angular@^5.0.0:
   version "5.0.12"
@@ -6316,10 +6311,10 @@ cookie-signature@1.0.6:
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
   integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
 
-cookie@0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
-  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
+cookie@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051"
+  integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
 
 copy-concurrently@^1.0.0:
   version "1.0.5"
@@ -7038,6 +7033,11 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
 
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
 depd@^1.1.2, depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -7056,10 +7056,10 @@ des.js@^1.0.0:
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
 
-destroy@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
-  integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
 
 detect-file@^1.0.0:
   version "1.0.0"
@@ -8242,38 +8242,39 @@ expect@^27.1.0:
     jest-message-util "^27.1.0"
     jest-regex-util "^27.0.6"
 
-express@^4.17.1, express@^4.17.3:
-  version "4.17.3"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.17.3.tgz#f6c7302194a4fb54271b73a1fe7a06478c8f85a1"
-  integrity sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==
+express@^4.17.1, express@^4.19.2:
+  version "4.19.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.19.2.tgz#e25437827a3aa7f2a827bc8171bbbb664a356465"
+  integrity sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==
   dependencies:
     accepts "~1.3.8"
     array-flatten "1.1.1"
-    body-parser "1.19.2"
+    body-parser "1.20.2"
     content-disposition "0.5.4"
     content-type "~1.0.4"
-    cookie "0.4.2"
+    cookie "0.6.0"
     cookie-signature "1.0.6"
     debug "2.6.9"
-    depd "~1.1.2"
+    depd "2.0.0"
     encodeurl "~1.0.2"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "~1.1.2"
+    finalhandler "1.2.0"
     fresh "0.5.2"
+    http-errors "2.0.0"
     merge-descriptors "1.0.1"
     methods "~1.1.2"
-    on-finished "~2.3.0"
+    on-finished "2.4.1"
     parseurl "~1.3.3"
     path-to-regexp "0.1.7"
     proxy-addr "~2.0.7"
-    qs "6.9.7"
+    qs "6.11.0"
     range-parser "~1.2.1"
     safe-buffer "5.2.1"
-    send "0.17.2"
-    serve-static "1.14.2"
+    send "0.18.0"
+    serve-static "1.15.0"
     setprototypeof "1.2.0"
-    statuses "~1.5.0"
+    statuses "2.0.1"
     type-is "~1.6.18"
     utils-merge "1.0.1"
     vary "~1.1.2"
@@ -8489,17 +8490,17 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
-  integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
   dependencies:
     debug "2.6.9"
     encodeurl "~1.0.2"
     escape-html "~1.0.3"
-    on-finished "~2.3.0"
+    on-finished "2.4.1"
     parseurl "~1.3.3"
-    statuses "~1.5.0"
+    statuses "2.0.1"
     unpipe "~1.0.0"
 
 find-cache-dir@^2.1.0:
@@ -9504,15 +9505,15 @@ http-deceiver@^1.2.7:
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
   integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
 
-http-errors@1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.8.1.tgz#7c3f28577cbc8a207388455dbd62295ed07bd68c"
-  integrity sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
   dependencies:
-    depd "~1.1.2"
+    depd "2.0.0"
     inherits "2.0.4"
     setprototypeof "1.2.0"
-    statuses ">= 1.5.0 < 2"
+    statuses "2.0.1"
     toidentifier "1.0.1"
 
 http-errors@~1.6.2:
@@ -13284,10 +13285,10 @@ obuf@^1.0.0, obuf@^1.1.2:
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
 
-on-finished@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
   dependencies:
     ee-first "1.1.1"
 
@@ -14883,10 +14884,12 @@ qrcode-terminal@^0.12.0:
   resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz#bb5b699ef7f9f0505092a3748be4464fe71b5819"
   integrity sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==
 
-qs@6.9.7:
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.7.tgz#4610846871485e1e048f44ae3b94033f0e675afe"
-  integrity sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
 
 qs@^6.10.3, qs@^6.3.0, qs@^6.5.1, qs@^6.9.1:
   version "6.11.2"
@@ -15004,13 +15007,13 @@ range-parser@^1.2.1, range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.4.3:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.3.tgz#8f80305d11c2a0a545c2d9d89d7a0286fcead43c"
-  integrity sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
   dependencies:
     bytes "3.1.2"
-    http-errors "1.8.1"
+    http-errors "2.0.0"
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
@@ -16358,24 +16361,24 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-send@0.17.2:
-  version "0.17.2"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.17.2.tgz#926622f76601c41808012c8bf1688fe3906f7820"
-  integrity sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==
+send@0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
   dependencies:
     debug "2.6.9"
-    depd "~1.1.2"
-    destroy "~1.0.4"
+    depd "2.0.0"
+    destroy "1.2.0"
     encodeurl "~1.0.2"
     escape-html "~1.0.3"
     etag "~1.8.1"
     fresh "0.5.2"
-    http-errors "1.8.1"
+    http-errors "2.0.0"
     mime "1.6.0"
     ms "2.1.3"
-    on-finished "~2.3.0"
+    on-finished "2.4.1"
     range-parser "~1.2.1"
-    statuses "~1.5.0"
+    statuses "2.0.1"
 
 serialize-javascript@^4.0.0:
   version "4.0.0"
@@ -16423,15 +16426,15 @@ serve-index@^1.9.1:
     mime-types "~2.1.17"
     parseurl "~1.3.2"
 
-serve-static@1.14.2:
-  version "1.14.2"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.2.tgz#722d6294b1d62626d41b43a013ece4598d292bfa"
-  integrity sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
   dependencies:
     encodeurl "~1.0.2"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.17.2"
+    send "0.18.0"
 
 serve@^13.0.2:
   version "13.0.2"
@@ -16943,7 +16946,12 @@ static-module@^3.0.2:
     static-eval "^2.0.5"
     through2 "~2.0.3"
 
-"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
@@ -17897,12 +17905,7 @@ type@^1.0.1:
   resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
   integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
 
-type@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.5.0.tgz#0a2e78c2e77907b252abe5f298c1b01c63f0db3d"
-  integrity sha512-180WMDQaIMm3+7hGXWf12GtdniDEy7nYcyFMKJn/eZz/6tSLXrUN9V0wKSbMjej0I1WHWbpREDEKHtqPQa9NNw==
-
-type@^2.7.2:
+type@^2.5.0, type@^2.7.2:
   version "2.7.2"
   resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
   integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==