privatetransfers.ryanair.com
Open in
urlscan Pro
152.195.15.65
Public Scan
Submitted URL: https://email.notify.thinkific.com/c/eJwdjbtuwzAUQ7_G2mzoZd1o0JCl6B6gGQ1J9zoR_IysIkG_vkpAcjgACZITxlihgIueofNxlF6y5IwC5BIArJZqMFpwGE...
Effective URL: https://privatetransfers.ryanair.com/
Submission: On November 22 via manual from IS — Scanned from IS
Effective URL: https://privatetransfers.ryanair.com/
Submission: On November 22 via manual from IS — Scanned from IS
Form analysis 1 forms found in the DOM
Name: searchForm —
<form novalidate="" class="ct-form ng-pristine ng-valid" name="searchForm">
<div class="ct-grid">
<fieldset class="ct-grid-unit-16-16">
<div label="strings.labelTripType" label-one-way="strings.labelOneWay" label-return="strings.labelReturn" one-way-tracking-value="TRIP_TYPES.ONEWAY" return-tracking-value="TRIP_TYPES.RETURN" search-data="searchData"
next-focus-id="input-pickup">
<legend class="ct-visual-hidden" ng-bind="label">Trip type</legend>
<div class="ct-radio ct-grid-row"> <label class="ct-radio-option"> <input type="radio" name="tripType" ng-checked="isOneWay" ng-click="onSelect(true, oneWayTrackingValue)"> <span ng-bind="labelOneWay" class="ct-radio-span">One way</span>
</label> <label class="ct-radio-option"> <input type="radio" name="tripType" ng-checked="!isOneWay" ng-click="onSelect(false, returnTrackingValue)" checked="checked"> <span ng-bind="labelReturn" class="ct-radio-span">Return trip</span>
</label> </div>
</div>
</fieldset>
<div class="ct-grid">
<div id="ct-pickup-select" class="ct-grid-unit-8-16" role="combobox" aria-expanded="false">
<div ng-hide="::hideLabels" class="ct-grid-row ct-label"> <label for="input-pickup" ng-bind="::strings.labelPickup">Pick-up</label> </div>
<div class="ct-grid-row ct-form-field">
<div ct-location-picker="" map-state="pickupLocationState" map-dispatch="pickupLocationDispatch" on-select="pickupSelected" update-location="searchData.pickupLocation" error="errors.pickupLocation" input-id="input-pickup"
next-focus-id="input-dropoff" wrapper-id="ct-pickup-select" is-step-one="true" has-input-icon="true" described-by="gt-pickup-location-validation">
<div class="ct-location-picker" ng-class="{'ct-green-border' : showApprovedIcon }">
<div class="ct-drop-down-container"> <input id="input-pickup" class="ct-input ng-pristine ng-untouched ng-valid ng-empty ct-form-field-icon-before" placeholder="Enter airport, hotel, address…" ng-class="{
'ct-error': !isValid && showValidation,
'ct-form-field-icon-before': hasInputIcon
}" ng-change="inputThrottle(value)" ng-model="value" ng-focus="onFocus($event)" ng-blur="onBlur($event)" ng-keydown="onKeyDown($event, highlightedValue, indexedLocations)" autocomplete="off" aria-describedby="" role="textbox">
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="hintVisible">
<ul role="listbox">
<li class="ct-palette-gb-bg-color ct-vertical-align-middle ct-padding-small"> <i class="ct-icon-departs ct-palette-w-color"></i> <span class="ct-palette-w-color">No results found.</span> </li>
</ul>
</div>
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="dropdownVisible">
<ul ng-mousedown="preventDefault($event)" ng-mouseup="setIeFlag(false)" ng-blur="preventDefault($event)"> <!----> </ul>
</div> <!----> <!---->
</div> <!---->
<div class="gt-icon-wrapper gt-icon-wrapper--width30" ng-if="::hasInputIcon"> <svg class="ctc-icon ctc-icon--grey ctc-icon--size125" ng-class="type === 'default' || type === 0 ? 'ctc-icon--size125' : 'ctc-icon--size11'"> <!----> <!---->
<!----> <!----> <!---->
<use ng-if="type === 'default' || type === 0" xlink:href="#location"></use><!---->
</svg> </div><!---->
</div>
</div>
</div> <span id="gt-pickup-location-validation " role="tooltip" aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="pickupLocationValidationState">Required</span>
<div class="ct-hint-text ct-hint-text--hide" ng-bind="::i18n('GT.HINT.TEXT')" ct-hint-text="" show-hint="showPickUpHint">Please enter the full address to receive an accurate price.</div>
</div>
<div id="ct-dropoff-select" class="ct-grid-unit-8-16" role="combobox" aria-expanded="false">
<div ng-hide="::hideLabels" class="ct-grid-row ct-label"> <label for="input-dropoff" ng-bind="::strings.labelDropoff">Drop-off</label> </div>
<div class="ct-grid-row ct-form-field">
<div ct-location-picker="" map-state="returnLocationState" map-dispatch="returnLocationDispatch" on-select="dropoffSelected" update-location="searchData.dropoffLocation" error="errors.dropoffLocationLocation" input-id="input-dropoff"
next-focus-id="input-pickup-date" wrapper-id="ct-dropoff-select" is-step-one="true" has-input-icon="true" described-by="gt-drop-off-location-validation">
<div class="ct-location-picker" ng-class="{'ct-green-border' : showApprovedIcon }">
<div class="ct-drop-down-container"> <input id="input-dropoff" class="ct-input ng-pristine ng-untouched ng-valid ng-empty ct-form-field-icon-before" placeholder="Enter airport, hotel, address…" ng-class="{
'ct-error': !isValid && showValidation,
'ct-form-field-icon-before': hasInputIcon
}" ng-change="inputThrottle(value)" ng-model="value" ng-focus="onFocus($event)" ng-blur="onBlur($event)" ng-keydown="onKeyDown($event, highlightedValue, indexedLocations)" autocomplete="off" aria-describedby="" role="textbox">
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="hintVisible">
<ul role="listbox">
<li class="ct-palette-gb-bg-color ct-vertical-align-middle ct-padding-small"> <i class="ct-icon-departs ct-palette-w-color"></i> <span class="ct-palette-w-color">No results found.</span> </li>
</ul>
</div>
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="dropdownVisible">
<ul ng-mousedown="preventDefault($event)" ng-mouseup="setIeFlag(false)" ng-blur="preventDefault($event)"> <!----> </ul>
</div> <!----> <!---->
</div> <!---->
<div class="gt-icon-wrapper gt-icon-wrapper--width30" ng-if="::hasInputIcon"> <svg class="ctc-icon ctc-icon--grey ctc-icon--size125" ng-class="type === 'default' || type === 0 ? 'ctc-icon--size125' : 'ctc-icon--size11'"> <!----> <!---->
<!----> <!----> <!---->
<use ng-if="type === 'default' || type === 0" xlink:href="#location"></use><!---->
</svg> </div><!---->
</div>
</div>
</div>
<div class="ct-hint-text ct-hint-text--hide" ng-bind="::i18n('GT.HINT.TEXT')" ct-hint-text="" show-hint="showDropOffHint">Please enter the full address to receive an accurate price.</div> <span id="gt-drop-off-location-validation "
role="tooltip" aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="dropOffLocationValidationState">Required</span>
</div>
</div>
</div>
<div class="ct-grid">
<div class="ct-grid-unit-16-16 ct-search-form-main-col">
<div id="ct-pickup-date" class="ct-grid-unit-7-16">
<fieldset class="ct-grid">
<legend class="ct-visual-hidden" ng-bind="::strings.labelPickupDateTime">Pick-up date and time</legend>
<div ng-hide="::hideLabels" class="ct-grid-row ct-label"> <label for="input-pickup-date" ng-bind="::strings.labelPickupDate">Pick-up date</label> </div>
<div class="ct-grid-row">
<div id="ct-pickup-calendar" tooltip-holder-id="pickup-datetime-tooltip" label="input-pickup-date" class="ct-grid-unit-10-16">
<div ct-date-picker-input="" class="ct-form-field" map-state="pickupDateInputState" map-dispatch="pickupDateInputDispatch" update-location="searchData.pickupDate" input-id="input-pickup-date" ,=""
next-focus-id="ct-time-picker-pick-up-input" icon-class="ct-icon-calendar ct-icon-before" placeholder="Enter pick-up date" described-by="gt-pickup-date-validation" wrapper-query-selector=".ct-search-form"> <input
class="ct-input ct-form-field-icon-before" id="input-pickup-date" ng-class="{ 'ct-error': !isValid && showValidation }" type="text" ng-value="currentDate ? (currentDate | toFormat:'date-full-abbr') : ''"
placeholder="Enter pick-up date" ng-keydown="keyDownHandler($event, highlightedDate)" ng-focus="onFocus($event)" ng-blur="onBlur()" aria-activedescendant="input-pickup-date-calendar-22" aria-expanded="false"
aria-label="Enter pick-up date" aria-describedby="input-pickup-date-instructions" role="textbox" required="" readonly="readonly" value=""> <!----><i ng-if="::iconClass" class="ct-icon-calendar ct-icon-before"></i><!----> <span
id="input-pickup-date-instructions" class="ct-visual-hidden">Navigation instruction: Use the page up and page down buttons to navigate between months. Use the arrow keys to navigate within a month. Use the space or enter buttons to
select a date. Use the tab button to go forward to the next input</span> </div> <span id="gt-pickup-date-validation " role="tooltip" aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="pickupDateValidationState">Required</span>
</div>
<div class="ct-grid-unit-6-16">
<div class="ct-grid">
<div label="input-pickup-date" id="ct-pickup-hour" class="ct-form-field">
<div id="ct-time-picker-pick-up" time-picker-id="ct-time-picker-pick-up" map-state="pickupTimeState" map-dispatch="pickupTimeDispatch" update-hour="searchData.pickupHour" update-minutes="searchData.pickupMinutes"
pickup-date="searchData.pickupDate" aria-label="Pick-up time" described-by="gt-pickup-time-validation">
<div class="ct-time-picker-select">
<div class="ct-drop-down-container ct-select-wrapper"> <input id="ct-time-picker-pick-up-input" class="ct-form-field-icon-before ct-input" ng-class="{ 'ct-error': !isValid && showValidation }" ng-focus="onFocus($event)"
ng-blur="onBlur(false)" ng-keydown="keyDown($event, highlightedIndex, list)" ng-value="list[highlightedIndex].label" aria-required="true" aria-expanded="false" aria-activedescendant="ct-time-picker-pick-up-option-123"
aria-label="Pick-up time" aria-owns="ct-time-picker-pick-up=option-container" aria-describedby="" readonly="readonly" value="8:30 PM">
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="isDropdownVisible">
<ul id="ct-time-picker-pick-up-option-container" role="listbox" class="ct-list-container">
<li>
<ul> <!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-0" aria-label="12:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-1" aria-label="12:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-2" aria-label="12:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-3" aria-label="12:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-4" aria-label="12:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-5" aria-label="12:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-6" aria-label="1:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-7" aria-label="1:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-8" aria-label="1:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-9" aria-label="1:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-10" aria-label="1:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-11" aria-label="1:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-12" aria-label="2:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-13" aria-label="2:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-14" aria-label="2:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-15" aria-label="2:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-16" aria-label="2:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-17" aria-label="2:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-18" aria-label="3:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-19" aria-label="3:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-20" aria-label="3:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-21" aria-label="3:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-22" aria-label="3:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-23" aria-label="3:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-24" aria-label="4:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-25" aria-label="4:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-26" aria-label="4:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-27" aria-label="4:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-28" aria-label="4:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-29" aria-label="4:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-30" aria-label="5:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-31" aria-label="5:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-32" aria-label="5:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-33" aria-label="5:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-34" aria-label="5:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-35" aria-label="5:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-36" aria-label="6:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-37" aria-label="6:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-38" aria-label="6:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-39" aria-label="6:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-40" aria-label="6:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-41" aria-label="6:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-42" aria-label="7:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-43" aria-label="7:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-44" aria-label="7:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-45" aria-label="7:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-46" aria-label="7:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-47" aria-label="7:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-48" aria-label="8:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-49" aria-label="8:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-50" aria-label="8:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-51" aria-label="8:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-52" aria-label="8:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-53" aria-label="8:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-54" aria-label="9:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-55" aria-label="9:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-56" aria-label="9:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-57" aria-label="9:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-58" aria-label="9:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-59" aria-label="9:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-60" aria-label="10:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-61" aria-label="10:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-62" aria-label="10:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-63" aria-label="10:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-64" aria-label="10:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-65" aria-label="10:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-66" aria-label="11:00 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-67" aria-label="11:10 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-68" aria-label="11:20 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-69" aria-label="11:30 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-70" aria-label="11:40 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-71" aria-label="11:50 AM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-72" aria-label="12:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-73" aria-label="12:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-74" aria-label="12:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-75" aria-label="12:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-76" aria-label="12:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-77" aria-label="12:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-78" aria-label="1:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-79" aria-label="1:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-80" aria-label="1:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-81" aria-label="1:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-82" aria-label="1:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-83" aria-label="1:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-84" aria-label="2:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-85" aria-label="2:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-86" aria-label="2:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-87" aria-label="2:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-88" aria-label="2:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-89" aria-label="2:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-90" aria-label="3:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-91" aria-label="3:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-92" aria-label="3:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-93" aria-label="3:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-94" aria-label="3:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-95" aria-label="3:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-96" aria-label="4:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-97" aria-label="4:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-98" aria-label="4:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-99" aria-label="4:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-100" aria-label="4:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-101" aria-label="4:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-102" aria-label="5:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-103" aria-label="5:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-104" aria-label="5:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-105" aria-label="5:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-106" aria-label="5:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-107" aria-label="5:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-108" aria-label="6:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-109" aria-label="6:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-110" aria-label="6:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-111" aria-label="6:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-112" aria-label="6:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-113" aria-label="6:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-114" aria-label="7:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-115" aria-label="7:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-116" aria-label="7:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-117" aria-label="7:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-118" aria-label="7:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-119" aria-label="7:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-120" aria-label="8:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-121" aria-label="8:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-122" aria-label="8:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-123" aria-label="8:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option ct-palette-p-bg-color ct-palette-w-color"
ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-124" aria-label="8:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-125" aria-label="8:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-126" aria-label="9:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-127" aria-label="9:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-128" aria-label="9:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-129" aria-label="9:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-130" aria-label="9:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-131" aria-label="9:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-132" aria-label="10:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-133" aria-label="10:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-134" aria-label="10:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-135" aria-label="10:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-136" aria-label="10:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-137" aria-label="10:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-138" aria-label="11:00 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-139" aria-label="11:10 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-140" aria-label="11:20 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-141" aria-label="11:30 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-142" aria-label="11:40 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-pick-up-option-143" aria-label="11:50 PM" role="option" class="ct-drop-down-option ct-time-picker-pick-up-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:50 PM </li><!---->
</ul>
</li>
</ul>
</div>
</div> <i class="ct-icon-clock ct-icon-before"></i>
</div>
</div>
</div> <span id="gt-pickup-time-validation " role="tooltip" aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="pickupTimeValidationState">Try an alternative time</span>
</div>
</div>
</div>
</fieldset>
</div>
<div id="ct-return-date" class="ct-grid-unit-7-16" ng-show="searchData.tripType === TRIP_TYPES.RETURN">
<fieldset class="ct-grid">
<legend class="ct-visual-hidden" ng-bind="::strings.labelReturnDateTime">Return date and time</legend>
<div ng-hide="::hideLabels" class="ct-grid-row ct-label"> <label for="input-return-date" ng-bind="::strings.labelDropoffDate">Return date</label> </div>
<div class="ct-grid-row">
<div id="ct-return-calendar" tooltip-holder-id="return-datetime-tooltip" label="input-return-date" class="ct-grid-unit-10-16">
<div ct-date-picker-input="" class="ct-form-field" map-state="returnDateInputState" map-dispatch="returnDateInputDispatch" update-location="searchData.returnDate" input-id="input-return-date" ,=""
next-focus-id="ct-time-picker-drop-off-input" icon-class="ct-icon-calendar ct-icon-before" placeholder="Enter return date" input-class="ct-return-date-picker" described-by="gt-return-date-validation"
wrapper-query-selector=".ct-search-form"> <input class="ct-input ct-form-field-icon-before" id="input-return-date" ng-class="{ 'ct-error': !isValid && showValidation }" type="text"
ng-value="currentDate ? (currentDate | toFormat:'date-full-abbr') : ''" placeholder="Enter return date" ng-keydown="keyDownHandler($event, highlightedDate)" ng-focus="onFocus($event)" ng-blur="onBlur()"
aria-activedescendant="input-return-date-calendar-23" aria-expanded="false" aria-label="Enter return date" aria-describedby="input-return-date-instructions" role="textbox" required="" readonly="readonly" value="">
<!----><i ng-if="::iconClass" class="ct-icon-calendar ct-icon-before"></i><!----> <span id="input-return-date-instructions" class="ct-visual-hidden">Navigation instruction: Use the page up and page down buttons to navigate between
months. Use the arrow keys to navigate within a month. Use the space or enter buttons to select a date. Use the tab button to go forward to the next input</span> </div> <span id="gt-return-date-validation " role="tooltip"
aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="returnDateValidationState">Required</span>
</div>
<div class="ct-grid-unit-6-16">
<div class="ct-grid">
<div tooltip-holder-id="return-datetime-tooltip" label="input-return-date" class="ct-form-field">
<div id="ct-time-picker-drop-off" time-picker-id="ct-time-picker-drop-off" map-state="returnTimeState" map-dispatch="returnTimeDispatch" update-hour="searchData.returnHour" update-minutes="searchData.returnMinutes"
aria-label="Return time" described-by="gt-return-time-validation">
<div class="ct-time-picker-select">
<div class="ct-drop-down-container ct-select-wrapper"> <input id="ct-time-picker-drop-off-input" class="ct-form-field-icon-before ct-input" ng-class="{ 'ct-error': !isValid && showValidation }" ng-focus="onFocus($event)"
ng-blur="onBlur(false)" ng-keydown="keyDown($event, highlightedIndex, list)" ng-value="list[highlightedIndex].label" aria-required="true" aria-expanded="false" aria-activedescendant="ct-time-picker-drop-off-option-123"
aria-label="Return time" aria-owns="ct-time-picker-drop-off=option-container" aria-describedby="" readonly="readonly" value="8:30 PM">
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="isDropdownVisible">
<ul id="ct-time-picker-drop-off-option-container" role="listbox" class="ct-list-container">
<li>
<ul> <!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-0" aria-label="12:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-1" aria-label="12:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-2" aria-label="12:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-3" aria-label="12:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-4" aria-label="12:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-5" aria-label="12:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-6" aria-label="1:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-7" aria-label="1:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-8" aria-label="1:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-9" aria-label="1:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-10" aria-label="1:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-11" aria-label="1:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-12" aria-label="2:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-13" aria-label="2:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-14" aria-label="2:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-15" aria-label="2:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-16" aria-label="2:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-17" aria-label="2:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-18" aria-label="3:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-19" aria-label="3:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-20" aria-label="3:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-21" aria-label="3:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-22" aria-label="3:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-23" aria-label="3:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-24" aria-label="4:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-25" aria-label="4:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-26" aria-label="4:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-27" aria-label="4:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-28" aria-label="4:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-29" aria-label="4:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-30" aria-label="5:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-31" aria-label="5:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-32" aria-label="5:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-33" aria-label="5:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-34" aria-label="5:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-35" aria-label="5:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-36" aria-label="6:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-37" aria-label="6:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-38" aria-label="6:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-39" aria-label="6:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-40" aria-label="6:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-41" aria-label="6:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-42" aria-label="7:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-43" aria-label="7:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-44" aria-label="7:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-45" aria-label="7:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-46" aria-label="7:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-47" aria-label="7:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-48" aria-label="8:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-49" aria-label="8:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-50" aria-label="8:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-51" aria-label="8:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-52" aria-label="8:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-53" aria-label="8:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-54" aria-label="9:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-55" aria-label="9:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-56" aria-label="9:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-57" aria-label="9:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-58" aria-label="9:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-59" aria-label="9:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-60" aria-label="10:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-61" aria-label="10:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-62" aria-label="10:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-63" aria-label="10:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-64" aria-label="10:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-65" aria-label="10:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-66" aria-label="11:00 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:00 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-67" aria-label="11:10 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:10 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-68" aria-label="11:20 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:20 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-69" aria-label="11:30 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:30 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-70" aria-label="11:40 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:40 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-71" aria-label="11:50 AM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:50 AM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-72" aria-label="12:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-73" aria-label="12:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-74" aria-label="12:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-75" aria-label="12:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-76" aria-label="12:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-77" aria-label="12:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 12:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-78" aria-label="1:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-79" aria-label="1:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-80" aria-label="1:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-81" aria-label="1:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-82" aria-label="1:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-83" aria-label="1:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 1:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-84" aria-label="2:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-85" aria-label="2:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-86" aria-label="2:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-87" aria-label="2:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-88" aria-label="2:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-89" aria-label="2:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 2:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-90" aria-label="3:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-91" aria-label="3:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-92" aria-label="3:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-93" aria-label="3:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-94" aria-label="3:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-95" aria-label="3:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 3:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-96" aria-label="4:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-97" aria-label="4:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-98" aria-label="4:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-99" aria-label="4:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-100" aria-label="4:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-101" aria-label="4:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 4:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-102" aria-label="5:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-103" aria-label="5:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-104" aria-label="5:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-105" aria-label="5:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-106" aria-label="5:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-107" aria-label="5:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 5:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-108" aria-label="6:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-109" aria-label="6:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-110" aria-label="6:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-111" aria-label="6:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-112" aria-label="6:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-113" aria-label="6:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 6:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-114" aria-label="7:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-115" aria-label="7:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-116" aria-label="7:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-117" aria-label="7:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-118" aria-label="7:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-119" aria-label="7:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 7:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-120" aria-label="8:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-121" aria-label="8:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-122" aria-label="8:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-123" aria-label="8:30 PM" role="option"
class="ct-drop-down-option ct-time-picker-drop-off-option ct-palette-p-bg-color ct-palette-w-color" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-124" aria-label="8:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-125" aria-label="8:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 8:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-126" aria-label="9:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-127" aria-label="9:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-128" aria-label="9:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-129" aria-label="9:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-130" aria-label="9:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-131" aria-label="9:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 9:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-132" aria-label="10:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-133" aria-label="10:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-134" aria-label="10:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-135" aria-label="10:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-136" aria-label="10:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-137" aria-label="10:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 10:50 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-138" aria-label="11:00 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:00 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-139" aria-label="11:10 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:10 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-140" aria-label="11:20 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:20 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-141" aria-label="11:30 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:30 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-142" aria-label="11:40 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:40 PM </li><!---->
<li ng-repeat="item in list track by $index" id="ct-time-picker-drop-off-option-143" aria-label="11:50 PM" role="option" class="ct-drop-down-option ct-time-picker-drop-off-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="onSelect(item, $index)"> 11:50 PM </li><!---->
</ul>
</li>
</ul>
</div>
</div> <i class="ct-icon-clock ct-icon-before"></i>
</div>
</div>
</div> <span id="gt-return-time-validation " role="tooltip" aria-hidden="true" class="ct-error-desc" ng-class="{
'ct-show': !isValid && showValidation
}" ng-bind="::validationText" map-state="returnTimeValidationState">Try an alternative time</span>
</div>
</div> <span id="return-datetime-tooltip"></span>
</div>
</fieldset>
</div>
<div id="ct-passengers-list" class="ct-grid-unit-2-16">
<div>
<div ng-hide="::hideLabels" class="ct-grid"> <label for="passengers-select" ng-bind="::strings.labelPassengers">Passengers</label> </div> <!----> <!---->
<div ng-if="::!showAgePicker" class="ct-form-field ct-grid-row"> <ct-age-picker adults-only="" ng-model="searchData.passengersBreak" next-element=".ct-btn.ct-btn-p"
error-required="errors.passengers1 || errors.passengers2 || errors.passengers3" class="ng-pristine ng-untouched ng-valid ng-not-empty">
<div class="ct-age-picker-select ct-select-wrapper ng-pristine ng-untouched ng-valid ng-not-empty" list="::passengersList" ng-model="ngModel" next-element=".ct-btn.ct-btn-p">
<div class="ct-drop-down-container"> <input id="passenger-number-input" class="ct-form-field-icon-before ct-input" ng-focus="onFocus()" ng-blur="onBlur()" ng-keydown="keyDown($event, highlightedIndex, list)" ng-value="selected.value"
readonly="readonly" value="1 passenger">
<div class="ct-drop-down ct-min-width ct-max-height ng-hide" ng-show="listVisible">
<ul class="ct-list-container">
<li>
<ul> <!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="1 passenger"> 1 passenger </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="2 passengers"> 2 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="3 passengers"> 3 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="4 passengers"> 4 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="5 passengers"> 5 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="6 passengers"> 6 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="7 passengers"> 7 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="8 passengers"> 8 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="9 passengers"> 9 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="10 passengers"> 10 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="11 passengers"> 11 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="12 passengers"> 12 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="13 passengers"> 13 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="14 passengers"> 14 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="15 passengers"> 15 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="16 passengers"> 16 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="17 passengers"> 17 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="18 passengers"> 18 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="19 passengers"> 19 passengers </li><!---->
<li ng-repeat="item in list track by $index" class="ct-drop-down-option" ng-class="{
'ct-palette-p-bg-color ct-palette-w-color': $index === highlightedIndex
}" ng-mousedown="select(item)" aria-label="20 passengers"> 20 passengers </li><!---->
</ul>
</li>
</ul>
</div>
</div> <i class="ct-icon-user-single ct-icon-before"></i>
</div>
</ct-age-picker> </div><!---->
</div>
</div>
<div id="ct-button-search" class="ct-grid-unit-3-16"> <button class="ct-btn ct-btn-p" ng-class="{ 'gt-is-valid': formIsValid }" type="submit" ct-tracking="Search"
ng-click="submitButtonClicked();formIsValid ? submitSearch(searchForm) : showAllValidation()" ng-bind="buttonText" submit-search="submitSearch" search-form="searchForm">Search </button> </div>
<div class="ct-grid-unit-13-16 gt-recent-searches-container">
<div class="gt-recent-searches__chips ng-hide" ng-show="showRecentSearches && list.length > 0">
<div class="gtg-recent-search__label">Recent searches</div> <!---->
</div>
</div>
</div>
</div>
</form>Text Content
clockairporttraintrain-trackcitylocationcancel-circle
CLEAN AND SAFE!
Our suppliers are committed in maintaining the strict COVID-19 sanitisation
guidelines set out by WHO
Private Transfers
* български
Català
čeština
Dansk
Deutsch
Ελληνικά
English
English (US)
Español
Français
Magyar
Italiano
Lietuvių
Latviešu
Nederlands
Norsk
Polski
Português
Română
Svenska
Українська
简体中文
* € | EUR
€ | EUR
£ | GBP
$ | USD
lei | RON
zł | PLN
kr | DKK
Kč | CZK
kr | NOK
kr | SEK
Лв | BGN
Ft | HUF
¥ | CNY
* Manage booking
SEARCH FOR A TRANSFER BY PRIVATE CAR, TRAIN OR BUS
Trip type
One way Return trip
Pick-up
* No results found.
Required
Please enter the full address to receive an accurate price.
Drop-off
* No results found.
Please enter the full address to receive an accurate price.
Required
Pick-up date and time
Pick-up date
Navigation instruction: Use the page up and page down buttons to navigate
between months. Use the arrow keys to navigate within a month. Use the space or
enter buttons to select a date. Use the tab button to go forward to the next
input
Required
*
* 12:00 AM
* 12:10 AM
* 12:20 AM
* 12:30 AM
* 12:40 AM
* 12:50 AM
* 1:00 AM
* 1:10 AM
* 1:20 AM
* 1:30 AM
* 1:40 AM
* 1:50 AM
* 2:00 AM
* 2:10 AM
* 2:20 AM
* 2:30 AM
* 2:40 AM
* 2:50 AM
* 3:00 AM
* 3:10 AM
* 3:20 AM
* 3:30 AM
* 3:40 AM
* 3:50 AM
* 4:00 AM
* 4:10 AM
* 4:20 AM
* 4:30 AM
* 4:40 AM
* 4:50 AM
* 5:00 AM
* 5:10 AM
* 5:20 AM
* 5:30 AM
* 5:40 AM
* 5:50 AM
* 6:00 AM
* 6:10 AM
* 6:20 AM
* 6:30 AM
* 6:40 AM
* 6:50 AM
* 7:00 AM
* 7:10 AM
* 7:20 AM
* 7:30 AM
* 7:40 AM
* 7:50 AM
* 8:00 AM
* 8:10 AM
* 8:20 AM
* 8:30 AM
* 8:40 AM
* 8:50 AM
* 9:00 AM
* 9:10 AM
* 9:20 AM
* 9:30 AM
* 9:40 AM
* 9:50 AM
* 10:00 AM
* 10:10 AM
* 10:20 AM
* 10:30 AM
* 10:40 AM
* 10:50 AM
* 11:00 AM
* 11:10 AM
* 11:20 AM
* 11:30 AM
* 11:40 AM
* 11:50 AM
* 12:00 PM
* 12:10 PM
* 12:20 PM
* 12:30 PM
* 12:40 PM
* 12:50 PM
* 1:00 PM
* 1:10 PM
* 1:20 PM
* 1:30 PM
* 1:40 PM
* 1:50 PM
* 2:00 PM
* 2:10 PM
* 2:20 PM
* 2:30 PM
* 2:40 PM
* 2:50 PM
* 3:00 PM
* 3:10 PM
* 3:20 PM
* 3:30 PM
* 3:40 PM
* 3:50 PM
* 4:00 PM
* 4:10 PM
* 4:20 PM
* 4:30 PM
* 4:40 PM
* 4:50 PM
* 5:00 PM
* 5:10 PM
* 5:20 PM
* 5:30 PM
* 5:40 PM
* 5:50 PM
* 6:00 PM
* 6:10 PM
* 6:20 PM
* 6:30 PM
* 6:40 PM
* 6:50 PM
* 7:00 PM
* 7:10 PM
* 7:20 PM
* 7:30 PM
* 7:40 PM
* 7:50 PM
* 8:00 PM
* 8:10 PM
* 8:20 PM
* 8:30 PM
* 8:40 PM
* 8:50 PM
* 9:00 PM
* 9:10 PM
* 9:20 PM
* 9:30 PM
* 9:40 PM
* 9:50 PM
* 10:00 PM
* 10:10 PM
* 10:20 PM
* 10:30 PM
* 10:40 PM
* 10:50 PM
* 11:00 PM
* 11:10 PM
* 11:20 PM
* 11:30 PM
* 11:40 PM
* 11:50 PM
Try an alternative time
Return date and time
Return date
Navigation instruction: Use the page up and page down buttons to navigate
between months. Use the arrow keys to navigate within a month. Use the space or
enter buttons to select a date. Use the tab button to go forward to the next
input
Required
*
* 12:00 AM
* 12:10 AM
* 12:20 AM
* 12:30 AM
* 12:40 AM
* 12:50 AM
* 1:00 AM
* 1:10 AM
* 1:20 AM
* 1:30 AM
* 1:40 AM
* 1:50 AM
* 2:00 AM
* 2:10 AM
* 2:20 AM
* 2:30 AM
* 2:40 AM
* 2:50 AM
* 3:00 AM
* 3:10 AM
* 3:20 AM
* 3:30 AM
* 3:40 AM
* 3:50 AM
* 4:00 AM
* 4:10 AM
* 4:20 AM
* 4:30 AM
* 4:40 AM
* 4:50 AM
* 5:00 AM
* 5:10 AM
* 5:20 AM
* 5:30 AM
* 5:40 AM
* 5:50 AM
* 6:00 AM
* 6:10 AM
* 6:20 AM
* 6:30 AM
* 6:40 AM
* 6:50 AM
* 7:00 AM
* 7:10 AM
* 7:20 AM
* 7:30 AM
* 7:40 AM
* 7:50 AM
* 8:00 AM
* 8:10 AM
* 8:20 AM
* 8:30 AM
* 8:40 AM
* 8:50 AM
* 9:00 AM
* 9:10 AM
* 9:20 AM
* 9:30 AM
* 9:40 AM
* 9:50 AM
* 10:00 AM
* 10:10 AM
* 10:20 AM
* 10:30 AM
* 10:40 AM
* 10:50 AM
* 11:00 AM
* 11:10 AM
* 11:20 AM
* 11:30 AM
* 11:40 AM
* 11:50 AM
* 12:00 PM
* 12:10 PM
* 12:20 PM
* 12:30 PM
* 12:40 PM
* 12:50 PM
* 1:00 PM
* 1:10 PM
* 1:20 PM
* 1:30 PM
* 1:40 PM
* 1:50 PM
* 2:00 PM
* 2:10 PM
* 2:20 PM
* 2:30 PM
* 2:40 PM
* 2:50 PM
* 3:00 PM
* 3:10 PM
* 3:20 PM
* 3:30 PM
* 3:40 PM
* 3:50 PM
* 4:00 PM
* 4:10 PM
* 4:20 PM
* 4:30 PM
* 4:40 PM
* 4:50 PM
* 5:00 PM
* 5:10 PM
* 5:20 PM
* 5:30 PM
* 5:40 PM
* 5:50 PM
* 6:00 PM
* 6:10 PM
* 6:20 PM
* 6:30 PM
* 6:40 PM
* 6:50 PM
* 7:00 PM
* 7:10 PM
* 7:20 PM
* 7:30 PM
* 7:40 PM
* 7:50 PM
* 8:00 PM
* 8:10 PM
* 8:20 PM
* 8:30 PM
* 8:40 PM
* 8:50 PM
* 9:00 PM
* 9:10 PM
* 9:20 PM
* 9:30 PM
* 9:40 PM
* 9:50 PM
* 10:00 PM
* 10:10 PM
* 10:20 PM
* 10:30 PM
* 10:40 PM
* 10:50 PM
* 11:00 PM
* 11:10 PM
* 11:20 PM
* 11:30 PM
* 11:40 PM
* 11:50 PM
Try an alternative time
Passengers
*
* 1 passenger
* 2 passengers
* 3 passengers
* 4 passengers
* 5 passengers
* 6 passengers
* 7 passengers
* 8 passengers
* 9 passengers
* 10 passengers
* 11 passengers
* 12 passengers
* 13 passengers
* 14 passengers
* 15 passengers
* 16 passengers
* 17 passengers
* 18 passengers
* 19 passengers
* 20 passengers
Search
Recent searches
New
Introducing
Private Transfers
Clean, safe and hassle-free.
Whether you are heading to the airport or getting around when you land, our
local transport experts will get you there
Icon/expressive/wallet
Fixed Price
No hidden fees, no tips necessary
Icon/expressive/sparkle
Meet and Greet
Driver waiting with your sanitised ride
Icon/expressive/clock
Delayed Flight?
Our drivers will track your arrival
Combined Shape 2022 © Ryanair DAC. All Rights Reserved.
Terms of use
Privacy policy
Cookies Policy
General terms & conditions of carriage
CarTrawler’s terms & conditions
Help Centre