www.condorferries.co.uk
Open in
urlscan Pro
51.140.180.76
Public Scan
Submitted URL: https://protect.mimecast-offshore.com/s/iVEJC9QPR3F2EkZqT1w8yY?domain=condorferries.co.uk
Effective URL: https://www.condorferries.co.uk/help-info/faq/before-you-travel/before-departure-faqs/do-you-need-a-passport-to-travel-to-jersey...
Submission: On March 03 via api from NL — Scanned from GB
Effective URL: https://www.condorferries.co.uk/help-info/faq/before-you-travel/before-departure-faqs/do-you-need-a-passport-to-travel-to-jersey...
Submission: On March 03 via api from NL — Scanned from GB
Form analysis 2 forms found in the DOM
Name: bookingForm —
<form name="bookingForm" ng-show="!pleasewait && showPanel_Ferries" class="grid-container booking-form-fields-wrap ng-pristine ng-valid" role="form" novalidate="">
<!-- Your journey section -->
<!-- ngSwitchWhen: step1|step2|step3 -->
<div class="booking-step-1 ng-scope" ng-switch-when="step1|step2|step3" ng-switch-when-separator="|">
<!-- --------- Destination ----------->
<div class="grid-x destination">
<div class="cell text-center" ng-switch="form.journeytype.id">
<!-- ngSwitchDefault: --><select class="destination-select text-center show-hide ng-pristine ng-untouched ng-valid ng-scope ng-not-empty" ng-options="destination.label for destination in destinations track by destination.id"
ng-model="form.destination" ng-change="emitUp('booking',form)" ng-switch-default="">
<option label="Select your destination" value="default" selected="selected">Select your destination</option>
<option label="UK - Guernsey" value="R~UK-P~GU">UK - Guernsey</option>
<option label="UK - France" value="R~UK-R~FR">UK - France</option>
<option label="UK - Jersey" value="R~UK-P~JE">UK - Jersey</option>
<option label="Guernsey - Jersey" value="P~GU-P~JE">Guernsey - Jersey</option>
<option label="Jersey - Guernsey" value="P~JE-P~GU">Jersey - Guernsey</option>
<option label="Sark - Jersey" value="P~SA~P~JE">Sark - Jersey</option>
<option label="Jersey - Sark" value="P~JE~P~SA">Jersey - Sark</option>
<option label="Guernsey - France" value="P~GU-R~FR">Guernsey - France</option>
<option label="Jersey - France" value="P~JE-R~FR">Jersey - France</option>
<option label="Guernsey - UK" value="P~GU-R~UK">Guernsey - UK</option>
<option label="Jersey - UK" value="P~JE-R~UK">Jersey - UK</option>
<option label="France - Jersey" value="R~FR-P~JE">France - Jersey</option>
<option label="France - Guernsey" value="R~FR-P~GU">France - Guernsey</option>
<option label="France - UK" value="R~FR-R~UK">France - UK</option>
</select><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: DAYRETURN -->
</div>
</div>
<!-- ---------Journey Type----------->
<div class="grid-x journey-type">
<div class="cell">
<div class="button-group expanded">
<!-- ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope active">
Return
</a><!-- end ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope hollow">
Day Trip
</a><!-- end ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope hollow">
One Way
</a><!-- end ngRepeat: journeytype in journeytypes -->
</div>
</div>
</div>
<!-- ---------Journey Date---------->
<div class="grid-x journey-date grid-margin-x">
<div class="date-input cell date-cell date-picker-left small-6" ng-class="form.journeytype.id != 'RETURN' ? 'small-12 date-input-solo' : 'small-6'">
<label class="date-label">Out</label>
<div class="ng-flat-datepicker-wrapper"><input type="button" ng-model="form.outwardDate" class="date-picker text-center ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" value="03-03-2023"
ng-class="form.journeytype.id != 'RETURN' ? 'date-input-solo' : ''" ng-change="emitUp('booking',form)" ng-flat-datepicker="" datepicker-config="datepickerconfig">
<div class="ng-flat-datepicker ng-scope ng-hide" ng-show="pickerDisplayed">
<div class="ng-flat-datepicker-table-header-bckgrnd"></div>
<table>
<caption>
<div class="ng-flat-datepicker-header-wrapper">
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left ng-hide" ng-click="prevMonth()" ng-show="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left" ng-hide="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
<div class="ng-flat-datepicker-header-year">
<div class="ng-flat-datepicker-custom-select-box">
<!-- <span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name" ng-click="showMonthsList = !showMonthsList; showYearsList = false" ng-class="{selected: showMonthsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('MMMM') : "" }}
</span> -->
<span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name ng-binding"> March </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showMonthsList">
<!-- ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> January </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> February </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> March
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> April </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> May </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> June </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> July </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> August
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> September </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> October </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> November
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> December </span><!-- end ngRepeat: monthName in monthsList -->
</div>
</div>
<div class="ng-flat-datepicker-custom-select-box">
<!--
<span class="ng-flat-datepicker-custom-select-title" ng-click="showYearsList = !showYearsList; showMonthsList = false" ng-class="{selected: showYearsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('YYYY') : "" }}
</span>
-->
<span class="ng-flat-datepicker-custom-select-title ng-binding"> 2023 </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showYearsList">
<!-- <span ng-repeat="yearNumber in yearsList" ng-click="selectYear(yearNumber)">
{{ yearNumber }}
</span> -->
<!-- ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2005 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2006 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2007 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2008 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2009
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2010 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2011 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2012 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2013 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2014
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2015 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2016 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2017 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2018 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2019
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2020 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2021 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2022 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2023 </span><!-- end ngRepeat: yearNumber in yearsList -->
</div>
</div>
</div>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right" ng-click="nextMonth()" ng-show="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right ng-hide" ng-hide="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
</div>
</caption>
<tbody>
<tr class="days-head">
<!-- ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sun </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Mon </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Tue </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Wed </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Thu </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Fri </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sat </td><!-- end ngRepeat: dayName in daysNameList -->
</tr>
<!-- ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 01 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 02 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isToday isInMonth isSelected"> 03 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 04 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 05 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 06 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 07 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 08 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 09 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 10 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 11 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 12 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 13 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 14 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 15 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 16 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 17 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 18 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 19 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 20 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 21 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 22 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 23 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 24 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 25 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 29 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 30 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 31 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item"> 01 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
</tbody>
</table>
</div>
</div>
</div>
<!-- ngIf: form.journeytype.id == 'RETURN' -->
<div class="date-input cell date-cell date-picker-right ng-scope small-6" ng-class="form.journeytype.id != 'RETURN' ? 'small-12' : 'small-6'" ng-if="form.journeytype.id == 'RETURN'">
<label class="date-label">Return</label>
<div class="ng-flat-datepicker-wrapper"><input type="button" class="date-picker text-center ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" ng-model="form.returnDate" value="03-03-2023" placeholder="03-03-2023"
ng-disabled="form.journeytype.id == 'DAYRETURN'" ng-change="emitUp('booking',form)" ng-flat-datepicker="" datepicker-config="datepickerconfig">
<div class="ng-flat-datepicker ng-scope ng-hide" ng-show="pickerDisplayed">
<div class="ng-flat-datepicker-table-header-bckgrnd"></div>
<table>
<caption>
<div class="ng-flat-datepicker-header-wrapper">
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left ng-hide" ng-click="prevMonth()" ng-show="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left" ng-hide="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
<div class="ng-flat-datepicker-header-year">
<div class="ng-flat-datepicker-custom-select-box">
<!-- <span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name" ng-click="showMonthsList = !showMonthsList; showYearsList = false" ng-class="{selected: showMonthsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('MMMM') : "" }}
</span> -->
<span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name ng-binding"> March </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showMonthsList">
<!-- ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> January </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> February </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> March
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> April </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> May </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> June </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> July </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> August
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> September </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> October </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> November
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> December </span><!-- end ngRepeat: monthName in monthsList -->
</div>
</div>
<div class="ng-flat-datepicker-custom-select-box">
<!--
<span class="ng-flat-datepicker-custom-select-title" ng-click="showYearsList = !showYearsList; showMonthsList = false" ng-class="{selected: showYearsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('YYYY') : "" }}
</span>
-->
<span class="ng-flat-datepicker-custom-select-title ng-binding"> 2023 </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showYearsList">
<!-- <span ng-repeat="yearNumber in yearsList" ng-click="selectYear(yearNumber)">
{{ yearNumber }}
</span> -->
<!-- ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2005 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2006 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2007 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2008 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2009
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2010 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2011 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2012 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2013 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2014
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2015 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2016 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2017 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2018 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2019
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2020 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2021 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2022 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2023 </span><!-- end ngRepeat: yearNumber in yearsList -->
</div>
</div>
</div>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right" ng-click="nextMonth()" ng-show="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right ng-hide" ng-hide="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
</div>
</caption>
<tbody>
<tr class="days-head">
<!-- ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sun </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Mon </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Tue </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Wed </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Thu </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Fri </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sat </td><!-- end ngRepeat: dayName in daysNameList -->
</tr>
<!-- ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 01 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 02 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isToday isInMonth isSelected"> 03 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 04 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 05 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 06 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 07 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 08 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 09 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 10 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 11 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 12 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 13 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 14 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 15 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 16 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 17 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 18 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 19 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 20 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 21 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 22 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 23 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 24 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 25 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 29 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 30 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 31 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item"> 01 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
</tbody>
</table>
</div>
</div>
</div><!-- end ngIf: form.journeytype.id == 'RETURN' -->
</div>
<div class="grid-x ng-hide" ng-show="errorMode && form.dateError">
<div class="cell">
<p class="alert-color text-center">Your return date must be after your departure date.</p>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- step2 -->
<!-- ngSwitchWhen: step1|step2|step3 -->
<div class="booking-step-2 ng-scope hidden" ng-class="(form.destination.id == 'default' ? 'hidden' : '')" ng-switch-when="step1|step2|step3" ng-switch-when-separator="|">
<div class="grid-x header">
<div class="cell"> PASSENGERS </div>
</div>
<div class="grid-x grid-margin-x align-center passenger-selectors-wrap">
<!-- Custom number input spinner -->
<div class="cell passenger-selector small-3">
<label class="number-label passenger-label small-12 secondary-color"> Adults </label>
<select class="number-input ng-pristine ng-untouched ng-valid ng-not-empty" type="text" min="1" max="9" value="1" ng-model="form.adults" ng-change="emitUp('booking',form)">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<small class="age-label">16+</small>
</div>
<div class="cell passenger-selector small-3">
<!-- Children -->
<label class="number-label passenger-label small-12 secondary-color"> Children </label>
<select class="number-input ng-pristine ng-untouched ng-valid ng-not-empty" type="text" min="1" max="9" value="1" ng-model="form.children" ng-change="emitUp('booking',form)">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<small class="age-label">4 - 15</small>
</div>
<!-- Infants -->
<div class="cell passenger-selector small-3">
<label class="number-label passenger-label small-12 secondary-color"> Infants </label>
<select class="number-input ng-pristine ng-untouched ng-valid ng-not-empty" type="text" min="1" max="9" value="1" ng-model="form.infants" ng-change="emitUp('booking',form)">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<small class="age-label">0 - 3</small>
</div>
<div class="grid-x grid-margin-x">
<div class="cell small-12 ng-hide" ng-show="errorMode && form.totalNumber > 9">
<p class="alert-color text-center">Maximum of 9 passengers allowed on the outward.</p>
</div>
<div class="cell small-12 ng-hide" ng-show="errorMode && form.noAdults">
<p class="alert-color text-center">Please select at least one adult to travel.</p>
</div>
</div>
</div>
<div class="grid-x grid-margin-x">
<div class="grid-x grid-padding-y grid-padding-x checkbox-area-wrap checkbox-area-wrap--mobile">
<label class="checkbox-wrapper checkbox-wrapper">
<span ng-bind-html="wheelchairFieldLabel" class="ng-binding">Tick the box if you or any passengers have reduced mobility or require wheelchair access.</span>
<input ng-model="form.haswheelchair" id="wheelchair-check" type="checkbox" ng-change="showWheelChairModal()" class="ng-pristine ng-untouched ng-valid ng-empty">
<span class="custom-checkbox"></span>
</label>
</div>
</div>
<div class="booking-modal ng-hide" ng-show="showWheelchairModal">
<div class="booking-modal__body">
<p ng-bind-html="wheelchairModalMessage" class="ng-binding">We believe Condor's sailings should be accessible to all and are committed to making your journey as simple and easy as possible. <br><br> If you have reduced mobility or require
wheelchair access, please call us on <a href="tel:03456091026">0345 609 1026</a> at the time of booking to discuss what type of assistance you may need. <br><br> The information you provide is confidential and will help us to help you. In
some circumstances, there are limits on the number of passengers with reduced mobility that we are able to carry on a sailing and we will advise you of this.</p>
<button class="button" ng-click="hideWheelChairModal()">OK</button>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- step3 -->
<!-- ngSwitchWhen: step1|step2|step3 -->
<div class="booking-step-3 ng-scope hidden" ng-class="(form.destination.id == 'default' ? 'hidden' : '')" ng-switch-when="step1|step2|step3" ng-switch-when-separator="|">
<div class="grid-x header">
<div class="cell"> HOW ARE YOU TRAVELLING? </div>
</div>
<div class="grid-x travel-type-buttons-wrap">
<!-- ngRepeat: travelType in travelTypes -->
<div ng-repeat="travelType in travelTypes" class="cell button-group small-3 travel-type-button ng-scope">
<a ng-click="travel(travelType);emitUp('booking',form)" ng-class="(form.travelType.label == travelType.label ? 'active' : 'hollow') + ' ' + (errorMode && form.travelType == undefined ? 'alert' : 'secondary')" class="button ng-binding active secondary">
Car
</a>
</div><!-- end ngRepeat: travelType in travelTypes -->
<div ng-repeat="travelType in travelTypes" class="cell button-group small-3 travel-type-button ng-scope">
<a ng-click="travel(travelType);emitUp('booking',form)" ng-class="(form.travelType.label == travelType.label ? 'active' : 'hollow') + ' ' + (errorMode && form.travelType == undefined ? 'alert' : 'secondary')" class="button ng-binding hollow secondary">
Motorhome
</a>
</div><!-- end ngRepeat: travelType in travelTypes -->
<div ng-repeat="travelType in travelTypes" class="cell button-group small-3 travel-type-button ng-scope">
<a ng-click="travel(travelType);emitUp('booking',form)" ng-class="(form.travelType.label == travelType.label ? 'active' : 'hollow') + ' ' + (errorMode && form.travelType == undefined ? 'alert' : 'secondary')" class="button ng-binding hollow secondary">
Motorcycle
</a>
</div><!-- end ngRepeat: travelType in travelTypes -->
<div ng-repeat="travelType in travelTypes" class="cell button-group small-3 travel-type-button ng-scope">
<a ng-click="travel(travelType);emitUp('booking',form)" ng-class="(form.travelType.label == travelType.label ? 'active' : 'hollow') + ' ' + (errorMode && form.travelType == undefined ? 'alert' : 'secondary')" class="button ng-binding hollow secondary">
Foot
</a>
</div><!-- end ngRepeat: travelType in travelTypes -->
</div>
<div class="vehicle-details-wrap" ng-switch="form.travelType.id">
<div class="grid-x grid-margin-x vehicle-size-selector-wrap">
<div class="cell small-11">
<!-- ngSwitchWhen: V --><select ng-switch-when="V" ng-options="vehicleHeight.label for vehicleHeight in vehicleHeights track by vehicleHeight.id" ng-model="form.vehicleHeight" ng-change="vehicleCode();emitUp('booking',form)"
class="show-hide text-center ng-pristine ng-untouched ng-valid ng-scope ng-not-empty">
<option label="Vehicle Height 1.85m" value="1m" selected="selected">Vehicle Height 1.85m</option>
<option label="Vehicle Height 2.2m" value="2m">Vehicle Height 2.2m</option>
<option label="Vehicle Height 3.1m" value="3m">Vehicle Height 3.1m</option>
</select><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: MH -->
</div>
<!-- ngSwitchWhen: V|MH -->
<div class="vehicle-height-question-mark-wrap cell modal ng-scope" ng-switch-when="V|MH" ng-switch-when-separator="|">
<div class="question-mark">
<span class="custom-tooltip vehicle-height-tooltip-icon">
<img class="vehicle-height-tooltip-icon" src="/static/img/icons/question-mark.png" alt="question-mark">
</span>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: V --><span class="vehicle-height-tooltip ng-scope" ng-switch-when="V">
<img src="/static/img/booking-panel/icon-close.png"> Have you correctly declared your vehicle height? <a href="/ferry-routes-ports/plan-your-journey/booking-the-right-vehicle">Find out more here.</a>
<span class="tooltip-tip"></span>
</span><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: MH -->
</div>
<div class="grid-x grid-padding-y grid-padding-x checkbox-area-wrap" ng-show="trailerAllowed()">
<label class="checkbox-wrapper"> Caravan or Trailer <input ng-model="form.hastrailer" id="trailer-check" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
<span class="custom-checkbox"></span>
</label>
</div>
<!-- ngIf: form.travelType.id == 'V' || form.travelType.id == 'MH' -->
<div class="grid-x grid-margin-x ng-scope" ng-if="form.travelType.id == 'V' || form.travelType.id == 'MH'">
<div class="cell small-12 vehicle-length-info-block-wrap">
<!-- ngIf: form.travelType.id == 'V' && form.hastrailer == false -->
<div class="info-block show-hide ng-scope" ng-if="form.travelType.id == 'V' && form.hastrailer == false">Max Length 5m</div><!-- end ngIf: form.travelType.id == 'V' && form.hastrailer == false -->
<!-- ngIf: form.travelType.id == 'V' && form.hastrailer == true -->
<!-- ngIf: form.travelType.id == 'MH' -->
</div>
</div><!-- end ngIf: form.travelType.id == 'V' || form.travelType.id == 'MH' -->
</div>
<div class="grid-x helper-section">
<div class="commercial-helper-text">
<a class="commercial-helper-link" href="https://www.condorferriesfreight.co.uk/">Looking for Commercial Vehicles, Vans & Goods?</a>
</div>
<div class="commercial-question-mark-wrap">
<div class="question-mark">
<span class="cutom-tooltip">
<img class="commercial-question-mark" src="/static/img/icons/question-mark.png" alt="question-mark">
</span>
</div>
</div>
<span class="commercial-question-mark-tooltip">
<img src="/static/img/booking-panel/icon-close.png">
<p><small>If you are travelling on business or in a commercial vehicle please <a href="https://www.condorferriesfreight.co.uk/">click here for Condor Ferries Freight</a></small>. </p>
<p><small> Please note that any person or vehicle travelling for business or commercial venture, carrying commercial goods/samples will need to book via our freight teams and do not qualify for leisure fares. In addition, if the vehicle being
taken is designed for the carriage of commercial goods it shall be reserved as freight regardless of its dimensions. For more information please call the Commercial team on 01481 728620 .</small></p>
<span class="tooltip-tip"></span>
</span>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: step1|step2|step3 -->
<div class="grid-x grid-margin-x ng-scope" ng-switch-when="step1|step2|step3" ng-switch-when-separator="|">
<div class="cell auto book-button">
<button ng-class="(form.destination.id == 'default' ? 'button-disabled' : '')" ng-disabled="form.destination.id == 'default' || form.haswheelchair" class="button book-button-mobile button-disabled" id="mobile-book-button"
ng-click="sendToCares()" disabled="disabled"> BOOK </button>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- step4 submitted-->
<!-- ngSwitchWhen: submitted -->
</form>Name: bookingForm —
<form name="bookingForm" ng-show="!pleasewait && showPanel_Ferries" class="grid-container booking-form-fields-wrap ng-pristine ng-valid" role="form" novalidate="">
<!-- ngSwitchWhen: step1 -->
<div class="booking-step-1 animate-switch ng-scope vwo-setup" ng-switch-when="step1">
<div class="grid-x header modal-input-select-wrap">
<div class="cell"> FERRIES </div>
</div>
<div class="grid-x destination modal-input-select-wrap">
<div class="cell text-center" ng-switch="form.journeytype.id">
<!-- ngSwitchDefault: --><select class="destination-select text-center show-hide modal ng-pristine ng-untouched ng-valid ng-scope ng-not-empty" ng-options="destination.label for destination in destinations track by destination.id"
ng-model="form.destination" ng-change="emitUp('booking',form)" ng-switch-default="">
<option label="Select your destination" value="default" selected="selected">Select your destination</option>
<option label="UK - Guernsey" value="R~UK-P~GU">UK - Guernsey</option>
<option label="UK - France" value="R~UK-R~FR">UK - France</option>
<option label="UK - Jersey" value="R~UK-P~JE">UK - Jersey</option>
<option label="Guernsey - Jersey" value="P~GU-P~JE">Guernsey - Jersey</option>
<option label="Jersey - Guernsey" value="P~JE-P~GU">Jersey - Guernsey</option>
<option label="Sark - Jersey" value="P~SA~P~JE">Sark - Jersey</option>
<option label="Jersey - Sark" value="P~JE~P~SA">Jersey - Sark</option>
<option label="Guernsey - France" value="P~GU-R~FR">Guernsey - France</option>
<option label="Jersey - France" value="P~JE-R~FR">Jersey - France</option>
<option label="Guernsey - UK" value="P~GU-R~UK">Guernsey - UK</option>
<option label="Jersey - UK" value="P~JE-R~UK">Jersey - UK</option>
<option label="France - Jersey" value="R~FR-P~JE">France - Jersey</option>
<option label="France - Guernsey" value="R~FR-P~GU">France - Guernsey</option>
<option label="France - UK" value="R~FR-R~UK">France - UK</option>
</select><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: DAYRETURN -->
</div>
</div>
<div class="grid-x journey-type modal-input-select-wrap">
<div class="cell">
<div class="button-group expanded">
<!-- ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope active">
Return
</a><!-- end ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope hollow">
Day Trip
</a><!-- end ngRepeat: journeytype in journeytypes --><a ng-repeat="journeytype in journeytypes" ng-click="journey(journeytype);emitUp('booking',form)" ng-class="form.journeytype.id == journeytype.id ? 'active' : 'hollow' " class="button secondary ng-binding ng-scope hollow">
One Way
</a><!-- end ngRepeat: journeytype in journeytypes -->
</div>
</div>
</div>
<div class="journey-date modal-input-select-wrap">
<div class="date-input cell small-6 modal" ng-class="form.journeytype.id != 'RETURN' ? 'date-input-solo' : ''">
<label>Out</label>
<div class="ng-flat-datepicker-wrapper"><input type="button" ng-model="form.outwardDate" class="date-picker text-center ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" value="03-03-2023"
ng-class="form.journeytype.id != 'RETURN' ? 'date-input-solo' : ''" ng-change="emitUp('booking',form)" ng-flat-datepicker="" datepicker-config="datepickerconfig">
<div class="ng-flat-datepicker ng-scope ng-hide" ng-show="pickerDisplayed">
<div class="ng-flat-datepicker-table-header-bckgrnd"></div>
<table>
<caption>
<div class="ng-flat-datepicker-header-wrapper">
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left ng-hide" ng-click="prevMonth()" ng-show="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left" ng-hide="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
<div class="ng-flat-datepicker-header-year">
<div class="ng-flat-datepicker-custom-select-box">
<!-- <span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name" ng-click="showMonthsList = !showMonthsList; showYearsList = false" ng-class="{selected: showMonthsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('MMMM') : "" }}
</span> -->
<span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name ng-binding"> March </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showMonthsList">
<!-- ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> January </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> February </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> March
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> April </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> May </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> June </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> July </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> August
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> September </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> October </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> November
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> December </span><!-- end ngRepeat: monthName in monthsList -->
</div>
</div>
<div class="ng-flat-datepicker-custom-select-box">
<!--
<span class="ng-flat-datepicker-custom-select-title" ng-click="showYearsList = !showYearsList; showMonthsList = false" ng-class="{selected: showYearsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('YYYY') : "" }}
</span>
-->
<span class="ng-flat-datepicker-custom-select-title ng-binding"> 2023 </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showYearsList">
<!-- <span ng-repeat="yearNumber in yearsList" ng-click="selectYear(yearNumber)">
{{ yearNumber }}
</span> -->
<!-- ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2005 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2006 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2007 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2008 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2009
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2010 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2011 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2012 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2013 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2014
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2015 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2016 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2017 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2018 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2019
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2020 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2021 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2022 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2023 </span><!-- end ngRepeat: yearNumber in yearsList -->
</div>
</div>
</div>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right" ng-click="nextMonth()" ng-show="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right ng-hide" ng-hide="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
</div>
</caption>
<tbody>
<tr class="days-head">
<!-- ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sun </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Mon </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Tue </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Wed </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Thu </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Fri </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sat </td><!-- end ngRepeat: dayName in daysNameList -->
</tr>
<!-- ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 01 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 02 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isToday isInMonth isSelected"> 03 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 04 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 05 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 06 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 07 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 08 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 09 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 10 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 11 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 12 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 13 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 14 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 15 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 16 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 17 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 18 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 19 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 20 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 21 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 22 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 23 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 24 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 25 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 29 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 30 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 31 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item"> 01 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
</tbody>
</table>
</div>
</div>
</div>
<!-- ngIf: form.journeytype.id == 'RETURN' -->
<div class="date-input cell small-6 modal ng-scope" ng-if="form.journeytype.id == 'RETURN'">
<label>Return</label>
<div class="ng-flat-datepicker-wrapper"><input type="button" class="date-picker text-center ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" ng-model="form.returnDate" value="03-03-2023"
ng-disabled="form.journeytype.id == 'DAYRETURN'" ng-change="emitUp('booking',form)" ng-flat-datepicker="" datepicker-config="datepickerconfig">
<div class="ng-flat-datepicker ng-scope ng-hide" ng-show="pickerDisplayed">
<div class="ng-flat-datepicker-table-header-bckgrnd"></div>
<table>
<caption>
<div class="ng-flat-datepicker-header-wrapper">
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left ng-hide" ng-click="prevMonth()" ng-show="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-left" ng-hide="previousMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
<div class="ng-flat-datepicker-header-year">
<div class="ng-flat-datepicker-custom-select-box">
<!-- <span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name" ng-click="showMonthsList = !showMonthsList; showYearsList = false" ng-class="{selected: showMonthsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('MMMM') : "" }}
</span> -->
<span class="ng-flat-datepicker-custom-select-title ng-flat-datepicker-month-name ng-binding"> March </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showMonthsList">
<!-- ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> January </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> February </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> March
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> April </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList"
class="ng-binding ng-scope"> May </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> June </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> July </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> August
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> September </span><!-- end ngRepeat: monthName in monthsList --><span
ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> October </span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> November
</span><!-- end ngRepeat: monthName in monthsList --><span ng-repeat="monthName in monthsList" class="ng-binding ng-scope"> December </span><!-- end ngRepeat: monthName in monthsList -->
</div>
</div>
<div class="ng-flat-datepicker-custom-select-box">
<!--
<span class="ng-flat-datepicker-custom-select-title" ng-click="showYearsList = !showYearsList; showMonthsList = false" ng-class="{selected: showYearsList }">
{{ calendarCursor.isValid() ? calendarCursor.format('YYYY') : "" }}
</span>
-->
<span class="ng-flat-datepicker-custom-select-title ng-binding"> 2023 </span>
<div class="ng-flat-datepicker-custom-select ng-hide" ng-show="showYearsList">
<!-- <span ng-repeat="yearNumber in yearsList" ng-click="selectYear(yearNumber)">
{{ yearNumber }}
</span> -->
<!-- ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2005 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2006 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2007 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2008 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2009
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2010 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2011 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2012 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2013 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2014
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2015 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2016 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2017 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2018 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2019
</span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2020 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList"
class="ng-binding ng-scope"> 2021 </span><!-- end ngRepeat: yearNumber in yearsList --><span ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2022 </span><!-- end ngRepeat: yearNumber in yearsList --><span
ng-repeat="yearNumber in yearsList" class="ng-binding ng-scope"> 2023 </span><!-- end ngRepeat: yearNumber in yearsList -->
</div>
</div>
</div>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right" ng-click="nextMonth()" ng-show="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
<polygon points="64.8,36.2 35.2,6.5 22.3,19.4 51.9,49.1 22.3,78.8 35.2,91.7 77.7,49.1"></polygon>
</svg>
</span>
<span class="ng-flat-datepicker-arrow ng-flat-datepicker-arrow-right ng-hide" ng-hide="nextMonthisSelectable">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50" viewBox="0 0 100 100" xml:space="preserve">
</svg>
</span>
</div>
</caption>
<tbody>
<tr class="days-head">
<!-- ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sun </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Mon </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Tue </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Wed </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Thu </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Fri </td><!-- end ngRepeat: dayName in daysNameList -->
<td class="day-head ng-binding ng-scope" ng-repeat="dayName in daysNameList"> Sat </td><!-- end ngRepeat: dayName in daysNameList -->
</tr>
<!-- ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isDisabled"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 01 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth isDisabled"> 02 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isToday isInMonth isSelected"> 03 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 04 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 05 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 06 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 07 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 08 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 09 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 10 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 11 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 12 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 13 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 14 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 15 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 16 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 17 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 18 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 19 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 20 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 21 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 22 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 23 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 24 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 25 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
<tr class="days ng-scope" ng-repeat="week in currentWeeks">
<!-- ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 26 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 27 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 28 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 29 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 30 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item isInMonth"> 31 </td><!-- end ngRepeat: day in week -->
<td ng-repeat="day in week" ng-click="selectDay(day)" ng-class="['day-item', { 'isToday': day.isToday, 'isInMonth': day.isInMonth, 'isDisabled': !day.isSelectable, 'isSelected': day.isSelected }]"
class="ng-binding ng-scope day-item"> 01 </td><!-- end ngRepeat: day in week -->
</tr><!-- end ngRepeat: week in currentWeeks -->
</tbody>
</table>
</div>
</div>
</div><!-- end ngIf: form.journeytype.id == 'RETURN' -->
</div>
<div class="grid-x ng-hide" ng-show="errorMode && form.dateError">
<div class="cell">
<p class="alert-color text-center">Your return date must be after your departure date.</p>
</div>
</div>
<div class="grid-x button-next align-center modal">
<div class="cell small-7">
<button class="button" ng-click="next('step1')" ng-disabled="form.destination.id == 'default'" disabled="disabled">SELECT PASSENGERS</button>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: step2 -->
<!-- ngSwitchWhen: step3 -->
<!-- ngSwitchWhen: submitted -->
</form>Text Content
TIMETABLES
SAILING UPDATES
BOOK YOUR JOURNEY
* FERRY ROUTES & PORTS
* FERRIES TO GUERNSEY
* Poole to Guernsey
* Portsmouth to Guernsey
* UK to Guernsey
* Jersey to Guernsey
* St Malo to Guernsey
* View all ferries to Guernsey
* FERRIES TO JERSEY
* Poole to Jersey
* Portsmouth to Jersey
* UK to Jersey
* Guernsey to Jersey
* St Malo to Jersey
* View all ferries to Jersey
* FERRIES TO ST MALO
* Poole to St Malo
* Jersey to St Malo
* Guernsey to St Malo
* View all ferries to St Malo
* FERRIES TO CHERBOURG
* Guernsey to Cherbourg
* FERRIES TO THE UK
* Guernsey to the UK
* Jersey to the UK
* St Malo to the UK
* View all ferries to the UK
* PLAN YOUR JOURNEY
* Group Travel
* Timetables
* Sailing Updates
* Travel Advice
* Foot passengers
* Travelling with your bike
* Travelling with pets
* Vehicle size guide
* Disabled facilities
* Advanced Passenger Information (API)
* Ports
* Poole Port
* Portsmouth Port
* Guernsey Port
* Jersey Port
* St Malo Port
* Cherbourg Port
* Offers
* HOLIDAYS & BREAKS
* GUERNSEY HOLIDAYS & BREAKS
* Free Night Offer
* Short Breaks
* Luxury Hotels
* Beach Hotels
* Family Holidays
* Hotels with Pools
* Spa Hotels
* Self-catering
* JERSEY HOLIDAYS & BREAKS
* Free Night Offer
* Short Breaks
* Luxury Hotels
* Beach Hotels
* Family Holidays
* Hotels with Pools
* Spa Hotels
* Self-catering
* FRANCE HOLIDAYS & BREAKS
* Available Early 2023
* UK HOLIDAYS & BREAKS
* Available Early 2023
* DAY TRIPS
* DAY TRIPS TO GUERNSEY
* Poole to Guernsey
* Jersey to Guernsey
* St Malo to Guernsey
* DAY TRIPS TO JERSEY
* Guernsey to Jersey
* St Malo to Jersey
* DAY TRIPS TO ST MALO
* Jersey to St Malo
* DAY TRIPS TO SARK
* Jersey to Sark
* TRAVEL GUIDES
* EXPLORE GUERNSEY
* Top things to do in Guernsey
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in Guernsey
* DISCOVER JERSEY
* Top things to do in Jersey
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in Jersey
* EXPERIENCE ST MALO
* Top things to do in St Malo
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in St Malo
* VISIT THE UK
* Top things to do in the UK
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in the UK
* SHIPS & ONBOARD
* ONBOARD
* Onboard Seating
* Duty Free
* Bars & Dining
* Wi-Fi
* SHIPS
* Live Vessel Positions
* Our Fleet
* HELP & INFO
* HELP
* FAQs
* Contact Us
* Coronavirus Advice
* ABOUT CONDOR FERRIES
* Careers
* Condor Ferries Blog
BOOK YOUR JOURNEY
☰
×
* Ferry Routes & Ports
* Back
* Ferries to Guernsey
* Back
* Poole to Guernsey
* Portsmouth to Guernsey
* UK to Guernsey
* Jersey to Guernsey
* St Malo to Guernsey
* View all ferries to Guernsey
* Ferries to Jersey
* Back
* Poole to Jersey
* Portsmouth to Jersey
* UK to Jersey
* Guernsey to Jersey
* St Malo to Jersey
* View all ferries to Jersey
* Ferries to St Malo
* Back
* Poole to St Malo
* Jersey to St Malo
* Guernsey to St Malo
* View all ferries to St Malo
* Ferries to Cherbourg
* Back
* Guernsey to Cherbourg
* Ferries to the UK
* Back
* Guernsey to the UK
* Jersey to the UK
* St Malo to the UK
* View all ferries to the UK
* Plan Your Journey
* Back
* Group Travel
* Timetables
* Sailing Updates
* Travel Advice
* Back
* Foot passengers
* Travelling with your bike
* Travelling with pets
* Vehicle size guide
* Disabled facilities
* Advanced Passenger Information (API)
* Ports
* Back
* Poole Port
* Portsmouth Port
* Guernsey Port
* Jersey Port
* St Malo Port
* Cherbourg Port
* Offers
* Holidays & Breaks
* Back
* Guernsey Holidays & Breaks
* Back
* Free Night Offer
* Short Breaks
* Luxury Hotels
* Beach Hotels
* Family Holidays
* Hotels with Pools
* Spa Hotels
* Self-catering
* Jersey Holidays & Breaks
* Back
* Free Night Offer
* Short Breaks
* Luxury Hotels
* Beach Hotels
* Family Holidays
* Hotels with Pools
* Spa Hotels
* Self-catering
* France Holidays & Breaks
* Back
* Available Early 2023
* UK Holidays & Breaks
* Back
* Available Early 2023
* Day Trips
* Back
* Day Trips to Guernsey
* Back
* Poole to Guernsey
* Jersey to Guernsey
* St Malo to Guernsey
* Day Trips to Jersey
* Back
* Guernsey to Jersey
* St Malo to Jersey
* Day Trips to St Malo
* Back
* Jersey to St Malo
* Day Trips to Sark
* Back
* Jersey to Sark
* Travel Guides
* Back
* Explore Guernsey
* Back
* Top things to do in Guernsey
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in Guernsey
* Discover Jersey
* Back
* Top things to do in Jersey
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in Jersey
* Experience St Malo
* Back
* Top things to do in St Malo
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in St Malo
* Visit the UK
* Back
* Top things to do in the UK
* Food & Drink
* Outdoor & Adventure
* Attractions
* See more things to do in the UK
* Ships & Onboard
* Back
* Onboard
* Back
* Onboard Seating
* Duty Free
* Bars & Dining
* Wi-Fi
* Ships
* Back
* Live Vessel Positions
* Our Fleet
* Help & Info
* Back
* Help
* Back
* FAQs
* Contact Us
* Coronavirus Advice
* About Condor Ferries
* Back
* Careers
* Condor Ferries Blog
TIMETABLES
SAILING UPDATES
BOOK YOUR JOURNEY
FERRIES
FERRY + HOTEL
Select destination: Jersey Guernsey
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
March
January February March April May June July August September October November
December
2023
2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
2021 2022 2023
Sun Mon Tue Wed Thu Fri Sat 26 27 28 01 02 03 04 05 06 07 08 09 10 11 12 13 14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 01
Return
March
January February March April May June July August September October November
December
2023
2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
2021 2022 2023
Sun Mon Tue Wed Thu Fri Sat 26 27 28 01 02 03 04 05 06 07 08 09 10 11 12 13 14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 01
Your return date must be after your departure date.
PASSENGERS
Adults 1 2 3 4 5 6 7 8 9 16+
Children 0 1 2 3 4 5 6 7 8 4 - 15
Infants 0 1 2 3 4 5 6 7 8 0 - 3
Maximum of 9 passengers allowed on the outward.
Please select at least one adult to travel.
Tick the box if you or any passengers have reduced mobility or require
wheelchair access.
We believe Condor's sailings should be accessible to all and are committed to
making your journey as simple and easy as possible.
If you have reduced mobility or require wheelchair access, please call us on
0345 609 1026 at the time of booking to discuss what type of assistance you may
need.
The information you provide is confidential and will help us to help you. In
some circumstances, there are limits on the number of passengers with reduced
mobility that we are able to carry on a sailing and we will advise you of this.
OK
HOW ARE YOU TRAVELLING?
Car
Motorhome
Motorcycle
Foot
Vehicle Height 1.85mVehicle Height 2.2mVehicle Height 3.1m
Have you correctly declared your vehicle height? Find out more here.
Caravan or Trailer
Max Length 5m
Looking for Commercial Vehicles, Vans & Goods?
If you are travelling on business or in a commercial vehicle please click here
for Condor Ferries Freight.
Please note that any person or vehicle travelling for business or commercial
venture, carrying commercial goods/samples will need to book via our freight
teams and do not qualify for leisure fares. In addition, if the vehicle being
taken is designed for the carriage of commercial goods it shall be reserved as
freight regardless of its dimensions. For more information please call the
Commercial team on 01481 728620 .
BOOK
DO YOU NEED A PASSPORT TO TRAVEL?
* Home
* / Help & Info
* / FAQ
* / Before You Travel
* / Before Departure
* / Do I need a valid passport to travel?
DO I NEED A VALID PASSPORT TO TRAVEL?
Passport Requirements for Domestic Routes (Between UK and Channel Islands, and
inter-island travel)
Before you leave the house, please ensure you have the correct travel document
with you. From 1st March 2019, we will require passengers 16 years old and older
due to travel on a domestic sailing (inter-island and between the UK, Guernsey
and Jersey) to carry a form of in date photographic identification.
Unfortunately, without an accepted form of photo ID to show at check-in you
won’t be permitted to board.
Please note that digital copies of your photo ID are not acceptable.
Accepted travel documents include:
* A valid passport (i.e. in date)
* An expired passport (domestic sailings only, up to two years after expiry)
* Common law passport
* Valid EU or Swiss national identity card
* Valid driving license (full or Provisional are accepted)
* Valid armed forces identity card
* Valid police warrant card/badge
* A child on parent’ s passport is an acceptable form of ID
* Citizen Card or Civilian Card, available from www.citizencard.com/
* Valid firearm certificate
* Valid government-issued identity card
* NHS SMART card
* Electoral identity card
* NUS card (National Union of Students)
* University/college ID card
* Council issued bus pass
* Young Scot card
* Disabled badges which have a photograph of the holder
* Certificate of Competency issued by the government (domestic routes only,
must be photographic)
* VALIDATE UK PASS photographic proof of age cards
* CPP Guernsey ID card
* Guernsey 18+ card
Please note that all photo ID must be legible and undamaged, otherwise you will
not be able to travel. All forms of ID must be valid and in date. An expired
passport will be accepted for domestic sailings only, up to two years after
expiry.
Passport Requirements for International Routes (Between France and the UK or
Channel Islands)
All passengers travelling to or from France, will be required to show a valid,
in-date passport.
NAVIGATE
* Ferry Routes & Ports
* Holidays & Breaks
* Day Trips
* Travel Guides
* Jobs
* Condor Ferries France
* Sitemap
INFORMATION
* Timetables
* Sailing Updates
* Terms & Conditions
* Privacy Policy
* Cookies
* Modern Slavery Act
* Travel & Tourism Statistics
MORE
* Contact us
* Frequent Traveller Club
* Travel Trade
* Freight
* Condor in the Community
* Corporate Hub
* My Account
FOLLOW US
CONDOR BREAKS
* Jersey Holidays & Breaks
* Guernsey Holidays & Breaks
* Condor Breaks Booking Conditions
* Foreign Office Travel Advice
Copyright © Condor Limited 2023. All rights reserved.
* * UK
* UK
* Jersey
* Guernsey
* France
↑
↑
Chat
Chat
FERRIES
FERRY + HOTEL
Select destination: Jersey Guernsey
FERRIES
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
March
January February March April May June July August September October November
December
2023
2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
2021 2022 2023
Sun Mon Tue Wed Thu Fri Sat 26 27 28 01 02 03 04 05 06 07 08 09 10 11 12 13 14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 01
Return
March
January February March April May June July August September October November
December
2023
2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
2021 2022 2023
Sun Mon Tue Wed Thu Fri Sat 26 27 28 01 02 03 04 05 06 07 08 09 10 11 12 13 14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 01
Your return date must be after your departure date.
SELECT PASSENGERS
We value your privacy
This website uses cookies to improve user experience. By using our website you
consent to all cookies in accordance with our Cookie Policy
Save & Close
Accept All Cookies
Manage Preferences Hide details
Strictly necessary
Performance
Targeting
Functionality
Unclassified
Cookie declaration
About cookies
Strictly necessary
Performance
Targeting
Functionality
Unclassified
Strictly necessary cookies allow core website functionality such as user login
and account management. The website cannot be used properly without strictly
necessary cookies.
Cookie report Name Provider / Domain Expiration Description CookieScriptConsent
CookieScript
www.condorferries.co.uk 1 month This cookie is used by Cookie-Script.com service
to remember visitor cookie consent preferences. It is necessary for
Cookie-Script.com cookie banner to work properly. ARRAffinitySameSite
Microsoft Corporation
.www.condorferries.co.uk Session When using Microsoft Azure as a hosting
platform and enabling load balancing, this cookie ensures that requests from one
visitor browsing session are always handled by the same server in the cluster.
ARRAffinity
Microsoft Corporation
.www.condorferries.co.uk Session This cookie is set by websites run on the
Windows Azure cloud platform. It is used for load balancing to make sure the
visitor page requests are routed to the same server in any browsing session.
Performance cookies are used to see how visitors use the website, eg. analytics
cookies. Those cookies cannot be used to directly identify a certain visitor.
Cookie report Name Provider / Domain Expiration Description aackid
Adara Inc.
.adaraanalytics.com 1 year Understanding the effectiveness of our marketing with
Adara. _ga
Google LLC
.condorferries.co.uk 2 years This cookie name is associated with Google
Universal Analytics - which is a significant update to Google's more commonly
used analytics service. This cookie is used to distinguish unique users by
assigning a randomly generated number as a client identifier. It is included in
each page request in a site and used to calculate visitor, session and campaign
data for the sites analytics reports. _gat_UA-22194048-1 .condorferries.co.uk 1
minute This is a pattern type cookie set by Google Analytics, where the pattern
element on the name contains the unique identity number of the account or
website it relates to. It is a variation of the _gat cookie which is used to
limit the amount of data recorded by Google on high traffic volume websites.
_gid
Google LLC
.condorferries.co.uk 1 day This cookie is set by Google Analytics. It stores and
update a unique value for each page visited and is used to count and track
pageviews.
Targeting cookies are used to identify visitors between different websites, eg.
content partners, banner networks. Those cookies may be used by companies to
build a profile of visitor interests or show relevant ads on other websites.
Cookie report Name Provider / Domain Expiration Description TDCPM
The Trade Desk Inc.
.adsrvr.org 1 year This cookie carries out information about how the end user
uses the website and any advertising that the end user may have seen before
visiting the said website. dpm
Adobe Inc.
.dpm.demdex.net 6 months Adobe Audience Manager - data management platform uses
this cookie to record information around synchronisation of IDs. gcma
Adara Inc.
.yieldoptimizer.com 1 year ckid, cktst, dph, fbh0, gcma and ph stored by Adara
for 2 years - Adara (yieldoptimizer.com) sets cookies to display personalised
user marketing on other websites and track transactions made by you on
www.shangri-la.com. rmxc
Adara Inc.
.yieldoptimizer.com 1 year Cookies from Adara store non-personal information
about your interaction with our website for the purpose of serving you targeted
advertising. These cookies may collect anonymous data such as your IP address,
pages viewed and the date and time the content was viewed. cid
Adform A/S
.ctnsnet.com 1 year This cookie is used to improve advertising for website
visitors. It can redirect more relevant advertisements to the visitor, and helps
improve reports on campaign performance _kuid_
Salesforce.com Inc.
.krxd.net 6 months This cookie carries out information about how the end user
uses the website and any advertising that the end user may have seen before
visiting the said website. rlas3
TowerData Inc.
.rlcdn.com 1 year This cookie is generally provided by rlcdn.com and is used for
advertising purposes. ckid
Adara Inc.
.adaraanalytics.com 1 year Stored by Adara for 2 years - Adara
(yieldoptimizer.com) sets cookies to display personalised user marketing on
other websites and track transactions made by you. TDID
The Trade Desk Inc.
.adsrvr.org 1 year This cookie carries out information about how the end user
uses the website and any advertising that the end user may have seen before
visiting the said website. mc
Quality Unit LLC
.quantserve.com 1 year 1 month This cookie is usually provided by Quantserve to
track anonymous information about how website visitors use the site. uid
.adform.net 1 month 29 days This cookie provides a uniquely assigned,
machine-generated user ID and gathers data about activity on the website. This
data may be sent to a 3rd party for analysis and reporting. IDE
Google LLC
.doubleclick.net 1 year This cookie is set by Doubleclick and carries out
information about how the end user uses the website and any advertising that the
end user may have seen before visiting the said website. YSC
Google LLC
.youtube.com Session This cookie is set by YouTube to track views of embedded
videos. cktst
Microsoft Corporation
.yieldoptimizer.com 1 year This is a Microsoft MSN 1st party cookie that ensures
the proper functioning of the website. demdex
Adobe Inc.
.demdex.net 6 months This cookie helps Adobe Audience Manger perform basic
functions such as visitor identification, ID synchronization, segmentation,
modeling, reporting, etc. _fbp
Meta Platform Inc.
.condorferries.co.uk 3 months Used by Meta to deliver a series of advertisement
products such as real time bidding from third party advertisers uid .turn.com 6
months This cookie provides a uniquely assigned, machine-generated user ID and
gathers data about activity on the website. This data may be sent to a 3rd party
for analysis and reporting. VISITOR_INFO1_LIVE
Google LLC
.youtube.com 6 months This cookie is set by Youtube to keep track of user
preferences for Youtube videos embedded in sites;it can also determine whether
the website visitor is using the new or old version of the Youtube interface.
fbh0
Adara Inc.
.yieldoptimizer.com 1 year ckid, cktst, dph, fbh0, gcma and ph stored by Adara
for 2 years - Adara (yieldoptimizer.com) sets cookies to display personalised
user marketing on other websites and track transactions made by you on
www.shangri-la.com. ckid
Adara Inc.
.yieldoptimizer.com 1 year Stored by Adara for 2 years - Adara
(yieldoptimizer.com) sets cookies to display personalised user marketing on
other websites and track transactions made by you. ph
Adara Inc.
.yieldoptimizer.com 1 year ckid, cktst, dph, fbh0, gcma and ph stored by Adara
for 2 years - Adara (yieldoptimizer.com) sets cookies to display personalised
user marketing on other websites and track transactions made by you on
www.shangri-la.com. pxrc
TowerData Inc.
.rlcdn.com 2 months This cookie registers non-personal data on the visitor. The
information is used to optimize advertisement relevance. dph
Adara Inc.
.yieldoptimizer.com 1 year ckid, cktst, dph, fbh0, gcma and ph stored by Adara
for 2 years - Adara (yieldoptimizer.com) sets cookies to display personalised
user marketing on other websites and track transactions made by you on
www.shangri-la.com.
Functionality cookies are used to remember visitor information on the website,
eg. language, timezone, enhanced content.
Cookie report Name Provider / Domain Expiration Description TopBarSettings
www.condorferries.co.uk Session bookingForm www.condorferries.co.uk 6 months 4
days UserSettings www.condorferries.co.uk Session
Unclassified cookies are cookies that do not belong to any other category or are
in the process of categorization.
Cookie report Name Provider / Domain Expiration Description citybreak_online
.condorferries.co.uk Session Wishlist www.condorferries.co.uk Session
online3_ss_1908687600_en-US_en-US .condorferries.co.uk Session C .adform.net 1
month fanplayr .condorferries.co.uk 1 year cbbe condorbreaks.condorferries.co.uk
Session _ga_Q8N345QY7K .condorferries.co.uk 2 years
online3_ss_1908687600_en_en-GB .condorferries.co.uk Session
online3_1908687600_en-US_en-US .condorferries.co.uk Session d .quantserve.com 3
months online3_1908687600_en_en-GB .condorferries.co.uk Session
Cookies are small text files that are placed on your computer by websites that
you visit. Websites use cookies to help users navigate efficiently and perform
certain functions. Cookies that are required for the website to operate properly
are allowed to be set without your permission. All other cookies need to be
approved before they can be set in the browser.
You can change your consent to cookie usage at any time on our Privacy Policy
page.
Cookies consent ID:
Cookie report created by CookieScript