rewards-travel.bnz.co.nz
Open in
urlscan Pro
2606:4700::6810:c242
Public Scan
URL:
https://rewards-travel.bnz.co.nz/
Submission: On September 24 via api from US — Scanned from NZ
Submission: On September 24 via api from US — Scanned from NZ
Form analysis 3 forms found in the DOM
Name: $ctrl.searchState.form —
<form name="$ctrl.searchState.form" ng-class="{ 'submitted' : $ctrl.searchState.form.submitted }" ng-submit="$ctrl.searchHotels()" novalidate="" class="ng-pristine ng-valid">
<div class="search-form-group" id="room-guest-field">
<div class="search-form-input hidden-xs">
<room-guest-field adult-count="$ctrl.searchState.adults" child-count="$ctrl.searchState.children" children-ages="$ctrl.searchState.childrenAges" is-showing-total-guest="true" on-update-adult-count="$ctrl.updateAdultCount(count)"
on-update-child-count="$ctrl.updateChildCount(count)" on-update-children-ages="$ctrl.updateChildrenAges(childrenAges)" on-update-room-count="$ctrl.updateRoomCount(count)" room-count="$ctrl.searchState.rooms">
<div class="room-guest-field" click-outside="$ctrl.closeModal()">
<div class="room-guest-field-input" ng-class="{ 'is-focused': $ctrl.isFocused }" ng-click="$ctrl.toggleModal()" tabindex="0" ng-keyup="$event.keyCode == 13 ? $ctrl.toggleModal() : null"
aria-label="1 Room , 2 Guests per room selected dropdown menu" role="button">
<span ng-transclude="iconContent"><icon-content>
<div class="dropdown-arrow"></div>
</icon-content></span>
<!---->
<!----><span class="field-input" ng-bind-html="$ctrl.summaryText()" ng-if="$ctrl.labelOnlySummaryText()">1 Room <span class="separator"> | </span> 2 Guests per room</span><!---->
</div>
<!---->
</div>
</room-guest-field>
</div>
<div class="search-form-input visible-xs">
<room-guest-field-mobile adult-count="$ctrl.searchState.adults" child-count="$ctrl.searchState.children" children-ages="$ctrl.searchState.childrenAges" is-showing-total-guest="true" on-update-adult-count="$ctrl.updateAdultCount(count)"
on-update-child-count="$ctrl.updateChildCount(count)" on-update-children-ages="$ctrl.updateChildrenAges(childrenAges)" on-update-room-count="$ctrl.updateRoomCount(count)" room-count="$ctrl.searchState.rooms">
<div class="room-guest-field-mobile" click-outside="$ctrl.closeModal()">
<div class="room-guest-field-mobile-input" ng-click="$ctrl.beginSelection()" aria-label="1 Room <span class="separator"> , </span> 2 Guests per room selected dropdown menu" role="button">
<button aria-label="Open guest input" class="open-guest-input" ng-transclude="iconContent" ng-click="$ctrl.beginSelection($event)" type="button"><icon-content>
<div class="dropdown-arrow"></div>
</icon-content></button>
<!---->
<!----><span class="field-input" ng-bind-html="$ctrl.summaryText()" ng-if="$ctrl.labelOnlySummaryText()">1 Room <span class="separator"> | </span> 2 Guests per room</span><!---->
</div>
<!---->
</div>
</room-guest-field-mobile>
</div>
</div>
<div class="search-form-group" id="destination-container">
<div class="search-form-label" translate="Destination or Hotel">Destination or Hotel</div>
<div class="search-form-input" id="destination-input" tabindex="-1">
<hotel-location-search label="'City, region or hotel name'" name="destination" show-error="$ctrl.showHotelSearchError()" value="$ctrl.searchState.destination">
<div class="ui-select-container ui-select-bootstrap dropdown ng-empty ng-valid" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()"
close-on-blur="" aria-hide-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)" aria-invalid="false">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="City, region or hotel name" aria-label=""
role="text" aria-hidden="true" aria-disabled="false"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()"
style="outline: 0;" aria-disabled="false"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted" aria-hidden="false">City, region or hotel name</span> <span ng-hide="$select.isEmpty()"
class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="" aria-hidden="true"></span>
<i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide" aria-hidden="true"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-0" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="City, region or hotel name" ng-model="$select.search" ng-focus="$select.activate()" aria-invalid="false">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide" aria-hidden="true"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations | orderBy: 'type'"
refresh="$ctrl.fetchHotelsLocations($select.search)" refresh-delay="500" aria-hidden="true">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)" aria-hidden="true">
<li> e.g. city or region </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-0" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<span class="input-icon" ng-click="$event.preventDefault();"></span>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive" aria-hidden="true">
<span role="alert">Please fill in a destination</span>
</div>
</hotel-location-search>
</div>
</div>
<div class="search-form-group" id="date-container">
<div class="search-form-label" translate="label.stay_period">Stay period</div>
<div class="search-form-input hidden-xs">
<date-range-single-field end-date="$ctrl.checkOutDate()" locale="$ctrl.selectedLocale()" min-booking-days="$ctrl.minBookingDays()" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2"
on-update="$ctrl.updateDates(value)" start-date="$ctrl.checkInDate()">
<div class="date-range-single-field" tabindex="-1" click-outside="$ctrl.clickedOutsideDatepicker()">
<div id="aria-message-container" aria-live="assertive" role="alert">
</div>
<div ng-class="{ 'date-range-single-field-input': true, 'is-focused': $ctrl.isFocused }" class="date-range-single-field-input">
<span id="span-datepicker" ng-click="$ctrl.focusInputField()" ng-transclude="iconContent">
</span>
<input aria-labelledby="span-datepicker" class="field-input" type="text" readonly="" title="Hit Enter or Space to open date picker" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginStartDateSelection()"
ng-click="$ctrl.beginStartDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)" aria-describedby="aria-message-container" value="9 Oct 2023 - 10 Oct 2023">
</div>
<!---->
</div>
</date-range-single-field>
</div>
<div class="search-form-input visible-xs">
<date-range-single-field-mobile end-date="$ctrl.checkOutDate()" locale="$ctrl.selectedLocale()" min-booking-days="$ctrl.minBookingDays()" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" on-update="$ctrl.updateDates(value)"
start-date="$ctrl.checkInDate()">
<div class="date-range-single-field-mobile" ng-class="{'date-range-opened': $ctrl.modalOpen}" click-outside="$ctrl.closeModal()">
<div class="date-range-single-field-mobile-input">
<span ng-click="$ctrl.beginDateSelection()" ng-transclude="iconContent" id="span-datepicker"></span>
<input aria-labelledby="span-datepicker" class="field-input" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" value="9 Oct 2023 - 10 Oct 2023">
</div>
<!---->
</div>
</date-range-single-field-mobile>
</div>
</div>
<button class="btn btn-primary" id="search-form-submit">
<div ng-hide="$ctrl.isLoading()" aria-hidden="false">
<span translate="Search">Search</span>
</div>
<div class="spinner ng-hide" ng-show="$ctrl.isLoading()" aria-hidden="true">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</button>
</form>Name: flightsSearch —
<form id="main-search" name="flightsSearch" novalidate="" class="ng-pristine ng-valid ng-valid-required">
<div class="dropdown-container">
<div class="flight-way-container">
<div class="flight-type-desktop">
<input-select class="ipt-select2 thin" on-update="$ctrl.updateFlightType(value)" options="$ctrl.flightTypeOptions" selected-value="$ctrl.formState.flightType" value-formatter="$ctrl.flightTypeOptionsDisplay">
<div class="ui-select-container select2 select2-container ng-not-empty ng-valid ng-valid-required"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
ng-change="$ctrl.onValueChange()" ng-model="$ctrl.currentValue" required="required" theme="select2" search-enabled="false" name="" search-aria-label="Return" choices-aria-label="" choices-group-aria-label="" aria-required="true"
aria-invalid="false"><a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" placeholder=""><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide" aria-hidden="true"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="" aria-hidden="false">
<div class="selected-value flights.type.return" ng-class="$ctrl.inputClass($select.selected)" ng-bind="$ctrl.displayOption($select.selected)" aria-label=" Return">Return</div>
</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-1" aria-label="Selected, Return" tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" refresh="$ctrl.refresh($select.search)" refresh-delay="$ctrl.refreshDelay" repeat="item in ($ctrl.options | filter: $select.search)">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-1" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-1" aria-label="Select box focus" aria-haspopup="true"
role="button" tabindex="-1">
</div>
</input-select>
<div class="ui-select-container select2 select2-container ng-not-empty ng-valid"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="flight-type-choice" ng-model="$ctrl.formState.flightType" search-enabled="false" theme="select2" aria-invalid="false">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" translate=""></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-2" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.flightTypeOptions">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-2" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-2" aria-label="Select box focus" aria-haspopup="true" role="button">
</div>
</div>
<div class="flight-type-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.formState.flightType" on-update="$ctrl.updateFlightType(value)" options="$ctrl.flightTypeOptions" value-formatter="$ctrl.flightTypeOptionsDisplay">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Return</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
<div class="traveller-container">
<flights-passengers-dropdown-component adult-count="$ctrl.formState.adultCount" child-count="$ctrl.formState.childCount" infant-count="$ctrl.formState.infantCount" on-update-adult-count="$ctrl.updateAdultCount(value)"
on-update-child-count="$ctrl.updateChildCount(value)" on-update-infant-count="$ctrl.updateInfantCount(value)">
<div class="flights-passengers-dropdown-component hidden-xs">
<div class="ipt-select2 thin" ng-click="$ctrl.toggleDropdown()" tabindex="0">
<div class="select2 select2-container">
<a class="select2-choice">
<span class="select2-chosen" ng-bind="$ctrl.travellerCaption()">1 Traveller</span>
<span class="select2-arrow ui-select-toggle">
<b></b>
</span>
</a>
</div>
</div>
<!---->
</div>
<passengers-field-mobile adult-count="$ctrl.adultCount" child-count="$ctrl.childCount" infant-count="$ctrl.infantCount" on-update-adult-count="$ctrl.updateAdultCount(count)" on-update-child-count="$ctrl.updateChildCount(count)"
on-update-infant-count="$ctrl.updateInfantCount(count)">
<div class="passengers-field-mobile" click-outside="$ctrl.closeModal()">
<div class="passengers-field-mobile-input selected-value" ng-click="$ctrl.beginSelection()" tabindex="0" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()">
<div class="selected-text"> 1 Traveller </div>
<div class="dropdown-arrow"></div>
</div>
<!---->
</div>
</passengers-field-mobile>
</flights-passengers-dropdown-component>
</div>
<div class="cabin-container">
<div class="cabin-field-desktop">
<input-select class="ipt-select2 thin" on-update="$ctrl.updateCabin(value)" options="$ctrl.cabinOptions" selected-value="$ctrl.formState.cabin" value-formatter="$ctrl.cabinOptionsDisplay">
<div class="ui-select-container select2 select2-container ng-not-empty ng-valid ng-valid-required"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
ng-change="$ctrl.onValueChange()" ng-model="$ctrl.currentValue" required="required" theme="select2" search-enabled="false" name="" search-aria-label="Economy" choices-aria-label="" choices-group-aria-label="" aria-required="true"
aria-invalid="false"><a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" placeholder=""><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide" aria-hidden="true"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="" aria-hidden="false">
<div class="selected-value flight_cabin.Y" ng-class="$ctrl.inputClass($select.selected)" ng-bind="$ctrl.displayOption($select.selected)" aria-label=" Economy">Economy</div>
</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-3" aria-label="Selected, Economy" tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" refresh="$ctrl.refresh($select.search)" refresh-delay="$ctrl.refreshDelay" repeat="item in ($ctrl.options | filter: $select.search)">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-3" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-3" aria-label="Select box focus" aria-haspopup="true"
role="button" tabindex="-1">
</div>
</input-select>
</div>
<div class="cabin-field-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.formState.cabin" on-update="$ctrl.updateCabin(value)" options="$ctrl.cabinOptions" value-formatter="$ctrl.cabinOptionsDisplay">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Economy</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
</div>
<div id="origin-container">
<label class="search-form-label" translate="txt.from">From</label>
<flight-location-search dataset-name="'flightOrigin'" error-message="$ctrl.errorMessage('origin')" label="'Enter city or airport name'" on-update="$ctrl.updateOrigin(value)" show-error="$ctrl.showError('origin')"
value="$ctrl.formState.fromAirport">
<div class="ui-select-container ui-select-bootstrap dropdown ng-valid ng-not-empty" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()"
close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)" aria-invalid="false" style="">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="Enter city or airport name"
aria-label="Auckland - Auckland Airport (AKL)" role="text" aria-hidden="true" aria-disabled="false"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled"
ng-click="$select.activate()" style="outline: 0;" aria-disabled="false"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-hide" aria-hidden="true" style="">Enter city or airport name</span> <span
ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="" aria-hidden="false" style="">Auckland - Auckland Airport
(AKL)</span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide" aria-hidden="true"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-4" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()" aria-invalid="false">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide" aria-hidden="true"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" repeat="airport in $ctrl.airports track by $index"
refresh="$ctrl.fetchAirports($select.search)" refresh-delay="1" aria-hidden="true">
<li class="ui-select-choices-group" id="ui-select-choices-4" role="listbox">
<!---->
<!---->
<!---->
</li>
</ul>
<ul class="ui-select-no-choice dropdown-menu ng-hide" ng-show="$ctrl.noAirportsFound($select.search)" aria-hidden="true">
<li>
</li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-4" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide flightOrigin" ng-class="$ctrl.datasetName" ng-show="$ctrl.errorMessage !== ''" aria-live="assertive" aria-hidden="true">
<span></span>
</div>
</flight-location-search>
</div>
<div id="destination-container">
<label class="search-form-label" translate="txt.to">to</label>
<flight-location-search dataset-name="'flightDestination'" error-message="$ctrl.errorMessage('destination')" label="'Enter city or airport name'" on-update="$ctrl.updateDestination(value)" show-error="$ctrl.showError('destination')"
value="$ctrl.formState.toAirport">
<div class="ui-select-container ui-select-bootstrap dropdown ng-empty ng-valid" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()"
close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)" aria-invalid="false">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="Enter city or airport name" aria-label=""
role="text" aria-hidden="true" aria-disabled="false"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"
aria-disabled="false"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted" aria-hidden="false">Enter city or airport name</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide"
ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="" aria-hidden="true"></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide" aria-hidden="true"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-5" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()" aria-invalid="false">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide" aria-hidden="true"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" repeat="airport in $ctrl.airports track by $index"
refresh="$ctrl.fetchAirports($select.search)" refresh-delay="1" aria-hidden="true">
<li class="ui-select-choices-group" id="ui-select-choices-5" role="listbox">
<!---->
<!---->
<!---->
</li>
</ul>
<ul class="ui-select-no-choice dropdown-menu ng-hide" ng-show="$ctrl.noAirportsFound($select.search)" aria-hidden="true">
<li>
</li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-5" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide flightDestination" ng-class="$ctrl.datasetName" ng-show="$ctrl.errorMessage !== ''" aria-live="assertive" aria-hidden="true">
<span></span>
</div>
</flight-location-search>
</div>
<div class="date-range-container hidden-xs search-form-group">
<date-range-field end-date="$ctrl.formState.returnDate" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2" on-update="$ctrl.updateDates(value)"
start-date="$ctrl.formState.departureDate">
<div class="date-range-field">
<div class="transclude-container" ng-transclude="">
<div class="depart-container" ng-class="{ ow: !$ctrl.isReturnFlight() }">
<label class="search-form-label" translate="Depart">Depart</label>
<date-field selection-state="'START'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent"><icon-content>
<div class="fa fa-calendar"></div>
</icon-content></span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-start" value="9 Oct 2023">
</div>
</date-field>
</div>
<!---->
<div class="return-container" ng-if="$ctrl.isReturnFlight()">
<label class="search-form-label" translate="Return">Return</label>
<date-field selection-state="'END'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent"><icon-content>
<div class="fa fa-calendar"></div>
</icon-content></span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-end" value="14 Oct 2023">
</div>
</date-field>
</div><!---->
</div>
<!---->
</div>
</date-range-field>
</div>
<div class="date-range-container visible-xs">
<div class="depart-container" ng-class="{ ow: !$ctrl.isReturnFlight() }">
<label class="search-form-label" translate="Depart">Depart</label>
<icon-content>
<div class="fa fa-calendar"></div>
</icon-content>
</div>
<!---->
<div class="return-container" ng-if="$ctrl.isReturnFlight()">
<label class="search-form-label" translate="Return">Return</label>
<icon-content>
<div class="fa fa-calendar"></div>
</icon-content>
</div><!---->
</div>
<div class="date-range-container visible-xs search-form-group">
<date-range-field-mobile end-date="$ctrl.formState.returnDate" end-label="'Return'" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" ng-class="{ ow: !$ctrl.isReturnFlight() }"
no-end-date="!$ctrl.isReturnFlight()" on-update="$ctrl.updateDates(value)" start-date="$ctrl.formState.departureDate" start-label="'Depart'">
<div class="date-range-field-mobile" click-outside="$ctrl.closeModal()">
<!---->
<div class="date-range-field-mobile-input" ng-if="!$ctrl.noEndDate">
<input class="field-input" id="start" type="text" readonly="" ng-value="$ctrl.formattedStartDate()" ng-click="$ctrl.beginDateSelection('start')" value="9 Oct 2023">
<span ng-transclude="iconContent"></span>
<input class="field-input" id="end" type="text" readonly="" ng-value="$ctrl.formattedEndDate()" ng-click="$ctrl.beginDateSelection('end')" value="14 Oct 2023">
</div><!---->
<!---->
<!---->
</div>
</date-range-field-mobile>
</div>
<button class="btn btn-primary" id="search-form-submit" ng-click="$ctrl.searchFlights()" type="button">
<span translate="Search">Search</span>
</button>
</form>Name: $ctrl.searchState.carsForm —
<form name="$ctrl.searchState.carsForm" ng-class="{ 'submitted' : $ctrl.searchState.carsForm.submitted }" novalidate="" class="ng-pristine ng-valid">
<div class="search-form-row switchers">
<div class="location-switcher">
<div class="ui-select-container select2 select2-container ng-not-empty ng-valid"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="same-as-pickup" ng-model="$ctrl.searchState.sameAsPickup" on-select="$ctrl.updatePickupType($select.selected.value)" search-enabled="false" theme="select2" aria-invalid="false">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" ng-bind="$select.selected.display | translate">Same drop-off</a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-6" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.pickupChoice">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-6" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-6" aria-label="Select box focus" aria-haspopup="true" role="button">
</div>
</div>
<div class="location-switcher-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.searchState.sameAsPickup" on-update="$ctrl.updatePickupType(value)" options="$ctrl.searchState.pickupChoice">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Same drop-off</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
<div class="search-form-row">
<div class="car-locations">
<div class="search-form-group location-group hidden-xs" ng-class="{ 'different-pickup': !$ctrl.searchState.sameAsPickup }">
<!---->
<div class="search-form-label" ng-if="$ctrl.searchState.sameAsPickup" translate="txt.pickup_and_dropoff_location">Pick-up & Drop-off Location</div><!---->
<!---->
<div class="search-form-input">
<div class="search-form-input-field">
<car-location-search label="'Enter city or airport name'" name="pickup" on-update="$ctrl.updatePickupLocation(value)" show-error="$ctrl.showPickupLocationError()" value="$ctrl.searchState.pickupLocation">
<div class="ui-select-container ui-select-bootstrap dropdown ng-empty ng-valid" ng-class="{open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()" close-on-blur=""
ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)" aria-invalid="false">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter city or airport name" role="text"
aria-hidden="false" aria-disabled="false"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"
aria-disabled="false"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted" aria-hidden="false">Enter city or airport name</span> <span ng-hide="$select.isEmpty()"
class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="" aria-hidden="true">
</span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide" aria-hidden="true"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-7" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()" aria-invalid="false">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide" aria-hidden="true"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations track by $index"
refresh="$ctrl.fetchCarsLocations($select.search)" refresh-delay="500" aria-hidden="true">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)" aria-hidden="false">
<li> e.g. city or location </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-7" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive" aria-hidden="true">
<span>Please fill in a destination</span>
</div>
</car-location-search>
<!---->
</div>
</div>
</div>
<!---->
<div class="search-form-group visible-xs">
<!---->
<div class="search-form-label" ng-if="$ctrl.searchState.sameAsPickup" translate="txt.pickup_and_dropoff_location">Pick-up & Drop-off Location</div><!---->
<!---->
<div class="search-form-input">
<div class="search-form-input-field">
<car-location-search label="'Enter city or airport name'" name="pickup" on-update="$ctrl.updatePickupLocation(value)" show-error="$ctrl.showPickupLocationError()" value="$ctrl.searchState.pickupLocation">
<div class="ui-select-container ui-select-bootstrap dropdown ng-empty ng-valid" ng-class="{open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()" close-on-blur=""
ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)" aria-invalid="false">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter city or airport name" role="text"
aria-hidden="false" aria-disabled="false"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"
aria-disabled="false"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted" aria-hidden="false">Enter city or airport name</span> <span ng-hide="$select.isEmpty()"
class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="" aria-hidden="true">
</span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide" aria-hidden="true"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-8" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()" aria-invalid="false">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide" aria-hidden="true"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations track by $index"
refresh="$ctrl.fetchCarsLocations($select.search)" refresh-delay="500" aria-hidden="true">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)" aria-hidden="false">
<li> e.g. city or location </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-8" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive" aria-hidden="true">
<span>Please fill in a destination</span>
</div>
</car-location-search>
<!---->
</div>
</div>
<!---->
</div>
</div>
<date-range-field end-date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2" on-update="$ctrl.updateDates(value)" start-date="$ctrl.pickupDate()">
<div class="date-range-field">
<div class="transclude-container" ng-transclude="">
<div class="search-form-group pickup-date-time">
<div class="search-form-label" translate="wl.pick_up_date">Pick-Up Date</div>
<div class="search-form-label time" translate="Time">Time</div>
<div class="search-form-input">
<date-field selection-state="'START'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent">
</span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-start" value="9 Oct 2023">
</div>
</date-field>
<div class="ipt-select2 thin">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="pickup-time" ng-model="$ctrl.searchState.pickupTime" search-enabled="false" theme="select2" aria-invalid="false">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox"><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide" aria-hidden="true"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="" aria-hidden="false">10:00 AM</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-9" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.timeList">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-9" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-9" aria-label="Select box focus" aria-haspopup="true"
role="button">
</div>
</div>
</div>
</div>
<div class="search-form-group">
<div class="search-form-label" translate="wl.drop_off_date">Drop-Off Date</div>
<div class="search-form-label time" translate="Time">Time</div>
<div class="search-form-input">
<date-field selection-state="'END'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent">
</span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-end" value="10 Oct 2023">
</div>
</date-field>
<div class="ipt-select2 thin">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="return-time" ng-model="$ctrl.searchState.returnTime" search-enabled="false" theme="select2" aria-invalid="false">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox"><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide" aria-hidden="true"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="" aria-hidden="false">10:00 AM</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-10" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search" aria-invalid="false"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.timeList">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name" aria-hidden="true"></div>
<ul role="listbox" id="ui-select-choices-10" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-10" aria-label="Select box focus" aria-haspopup="true"
role="button">
</div>
</div>
</div>
</div>
</div>
<!---->
</div>
</date-range-field>
<div class="search-form-group date-time-fields">
<div class="date-field">
<div class="search-form-label" translate="wl.pick_up_date">Pick-Up Date</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'ll'" date-label-key="'wl.pick_up_date'" date="$ctrl.pickupDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minPickupDate()" on-update-date="$ctrl.updateCheckInDate(date)"
on-update-time="$ctrl.updatePickupTime(time)" time-label-key="'wl.pick_up_time'" time="$ctrl.searchState.pickupTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="9 Oct 2023">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
<div class="time-field">
<div class="search-form-label" translate="Time">Time</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'LT'" date-label-key="'wl.pick_up_date'" date="$ctrl.pickupDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minPickupDate()" on-update-date="$ctrl.updateCheckInDate(date)"
on-update-time="$ctrl.updatePickupTime(time)" show-time-only="true" time-label-key="'wl.pick_up_time'" time="$ctrl.searchState.pickupTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="10:00 AM">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
</div>
<div class="search-form-group date-time-fields">
<div class="date-field">
<div class="search-form-label" translate="wl.drop_off_date">Drop-Off Date</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'ll'" date-label-key="'wl.drop_off_date'" date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minDropoffDate()" on-update-date="$ctrl.updateCheckOutDate(date)"
on-update-time="$ctrl.updateDropoffTime(time)" time-label-key="'wl.drop_off_time'" time="$ctrl.searchState.returnTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="10 Oct 2023">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
<div class="time-field">
<div class="search-form-label" translate="Time">Time</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'LT'" date-label-key="'wl.drop_off_date'" date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minDropoffDate()" on-update-date="$ctrl.updateCheckOutDate(date)"
on-update-time="$ctrl.updateDropoffTime(time)" show-time-only="true" time-label-key="'wl.drop_off_time'" time="$ctrl.searchState.returnTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="10:00 AM">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
</div>
<button class="btn btn-primary" id="search-form-submit" ng-click="$ctrl.searchCars()" type="button">
<div ng-hide="$ctrl.isLoading()" aria-hidden="false">
<span translate="Search">Search</span>
</div>
<div class="spinner ng-hide" ng-show="$ctrl.isLoading()" aria-hidden="true">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</button>
</div>
</form>Text Content
Jump to content
Sign up
Log in
REWARDS
Your offers Redeem BNZ Points
Book travel
eGift cards
Redeem for cash
Transfer to partners
Transfer to Flybuys
Sign up
Log in
BOOK FLIGHTS FOR
YOUR NEXT ADVENTURE
Stay local or go global, choose from domestic and
international airlines.
Flights
Hotels
Cars
1 Room | 2 Guests per room
1 Room | 2 Guests per room
Destination or Hotel
City, region or hotel name
* e.g. city or region
Please fill in a destination
Stay period
Search
Return
*
*
Return
1 Traveller
1 Traveller
Economy
*
Economy
From
Enter city or airport name Auckland - Auckland Airport (AKL)
*
*
to
Enter city or airport name
*
*
Depart
Return
Depart
Return
Search
Same drop-off
*
Same drop-off
Pick-up & Drop-off Location
Enter city or airport name
* e.g. city or location
Please fill in a destination
Pick-up & Drop-off Location
Enter city or airport name
* e.g. city or location
Please fill in a destination
Pick-Up Date
Time
10:00 AM
*
Drop-Off Date
Time
10:00 AM
*
Pick-Up Date
Time
Drop-Off Date
Time
Search
Search Flights Choose your flights from over 800 airlines worldwide.
Redeem BNZ Points Use BNZ Points or combine them with cash to book your flights.
Enjoy your trip Book online and get tickets emailed to you.
POPULAR FLIGHTS DESTINATIONS
AUCKLAND TO QUEENSTOWN
Book your next flight now
CHRISTCHURCH TO SYDNEY
Book your next flight now
AUCKLAND TO SINGAPORE
Book your next flight now
FAQ BNZ terms and conditions Portal terms and conditions Portal privacy policy
© 2023 Bank of New Zealand
Powered by
* Your offers
* Redeem BNZ Points
* Book travel
* eGift cards
* Redeem for cash
* Transfer to partners
* Transfer to Flybuys
* FAQ
* BNZ terms and conditions
* Portal terms and conditions
* Portal privacy policy
Log in Sign up
The room you selected has already been booked. Please choose a different room
type, or check again a bit later.
Back to Room Selection
It seems JavaScript is either disabled or not supported by your browser
For a better experience on Kaligo, enable JavaScript in your browser, then try
again.
ok