www.condorferries.co.uk
Open in
urlscan Pro
51.140.180.76
Public Scan
Submitted URL: http://www.condorferries.co.uk/
Effective URL: https://www.condorferries.co.uk/
Submission: On December 06 via api from US — Scanned from GB
Effective URL: https://www.condorferries.co.uk/
Submission: On December 06 via api from US — Scanned from GB
Form analysis 4 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="">
<!-- step1 -->
<!-- ngSwitchWhen: step1 -->
<div class="booking-step-1 animate-switch ng-scope vwo-setup" ng-switch-when="step1">
<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>
<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 ">
<div class="date-input cell " ng-class="form.journeytype.id != 'RETURN' ? 'full-width' : ''">
<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="06-12-2023" 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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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 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="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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 ">
<div class="cell ">
<button class="button" ng-click="next('step1')" ng-disabled="form.destination.id == 'default'" disabled="disabled">SELECT PASSENGERS</button>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- step2 -->
<!-- ngSwitchWhen: step2 -->
<!-- step3 -->
<!-- ngSwitchWhen: step3 -->
<!-- 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="">
<!-- 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="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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="06-12-2023" placeholder="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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">
<div class="mobility-wrapper-mobile">
<img src="/static/img/svgs/wheelchair-icon.svg" class="booking-form__mobility-icon--mobile">
<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 custom-checkbox--mobile"></span>
</div>
</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. <br><br> If you need to be parked close to a lift or ramp, it is essential that
you tell us when making your booking and again at ticket check-in. The limited spaces for wheelchair passengers close to the lifts or ramps are only allocated to passengers with a disability on a first come first served basis, at the time
of booking. The loading crew will do their best to help you negotiate the busy garage and make your way to the lifts or ramps; this will be a little more tricky during peak holiday times and we will be happy to advise you of the best routes
and times to travel for maximum space and comfort. </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'" 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="">
<!-- 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="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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="06-12-2023" placeholder="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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">
<div class="mobility-wrapper-mobile">
<img src="/static/img/svgs/wheelchair-icon.svg" class="booking-form__mobility-icon--mobile">
<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 custom-checkbox--mobile"></span>
</div>
</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. <br><br> If you need to be parked close to a lift or ramp, it is essential that
you tell us when making your booking and again at ticket check-in. The limited spaces for wheelchair passengers close to the lifts or ramps are only allocated to passengers with a disability on a first come first served basis, at the time
of booking. The loading crew will do their best to help you negotiate the busy garage and make your way to the lifts or ramps; this will be a little more tricky during peak holiday times and we will be happy to advise you of the best routes
and times to travel for maximum space and comfort. </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'" 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="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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="06-12-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"> December </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 isDisabled"> 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 isDisabled"> 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 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 -->
</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 isDisabled"> 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 isDisabled"> 04 </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"> 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 isToday isInMonth isSelected"> 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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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 -->
</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"> 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 -->
<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"> 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"> 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"> 04 </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"> 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"> 06 </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
FERRIES
FERRY + HOTEL
Select destination: UK - Jersey UK - Guernsey Guernsey - UK Guernsey - France
Jersey - UK Jersey - France
Route
Poole (GB) - Jersey (GB) Portsmouth (GB) - Jersey (GB) Outward Journey
Jersey (GB) - Poole (GB) Jersey (GB) - Portsmouth (GB) Return journey
Number of Nights
Departure date
Return date
Number of Guests
1 room, 2 adults
No. of rooms & guests
0 vehicle
Vehicle
Search
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
December
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 29 30 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 02 03 04 05 06
Return
December
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 29 30 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 02 03 04 05 06
Your return date must be after your departure date.
SELECT PASSENGERS
TIMETABLES
SAILING UPDATES
* 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
* Poole 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
* Vehicle size guide
* Travelling with your bike
* Travelling with pets
* Travelling with freight
* Travelling as a foot passenger
* 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
* Guernsey Hotels
* Luxury 5* Hotels
* 4* Hotels
* St Peter Port Hotels
* St Martin Hotels
* Hotels with pools
* Beach Hotels
* Spa Hotels
* Short Breaks
* Family Holidays
* Pet-friendly Holidays
* Self-catering
* View all holidays to Guernsey
* JERSEY HOLIDAYS & BREAKS
* Free Night Offer
* Jersey Hotels
* Luxury 5* Hotels
* 4* Hotels
* St Helier Hotels
* St Brelade Hotels
* St Aubin Hotels
* Beach Hotels
* Hotels with pools
* Spa Hotels
* Short Breaks
* Family Holidays
* Pet-friendly Holidays
* Self-catering
* View all holidays to Jersey
* FRANCE HOLIDAYS & BREAKS
* Guernsey to France
* Jersey to France
* UK HOLIDAYS & BREAKS
* Guernsey to UK
* Jersey to UK
* 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
* Guernsey 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
* 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
* Poole to Cherbourg
* 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
* Vehicle size guide
* Travelling with your bike
* Travelling with pets
* Travelling with freight
* Travelling as a foot passenger
* 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
* Guernsey Hotels
* Back
* Luxury 5* Hotels
* 4* Hotels
* St Peter Port Hotels
* St Martin Hotels
* Hotels with pools
* Beach Hotels
* Spa Hotels
* Short Breaks
* Family Holidays
* Pet-friendly Holidays
* Self-catering
* View all holidays to Guernsey
* Jersey Holidays & Breaks
* Back
* Free Night Offer
* Jersey Hotels
* Back
* Luxury 5* Hotels
* 4* Hotels
* St Helier Hotels
* St Brelade Hotels
* St Aubin Hotels
* Beach Hotels
* Hotels with pools
* Spa Hotels
* Short Breaks
* Family Holidays
* Pet-friendly Holidays
* Self-catering
* View all holidays to Jersey
* France Holidays & Breaks
* Back
* Guernsey to France
* Jersey to France
* UK Holidays & Breaks
* Back
* Guernsey to UK
* Jersey to UK
* 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
* Guernsey to St Malo
* 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
* About Condor Ferries
* Back
* Careers
* Condor Ferries Blog
TIMETABLES
SAILING UPDATES
BOOK YOUR JOURNEY
FERRIES
FERRY + HOTEL
Select destination: UK - Jersey UK - Guernsey Guernsey - UK Guernsey - France
Jersey - UK Jersey - France
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
December
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 29 30 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 02 03 04 05 06
Return
December
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 29 30 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 02 03 04 05 06
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.
If you need to be parked close to a lift or ramp, it is essential that you tell
us when making your booking and again at ticket check-in. The limited spaces for
wheelchair passengers close to the lifts or ramps are only allocated to
passengers with a disability on a first come first served basis, at the time of
booking. The loading crew will do their best to help you negotiate the busy
garage and make your way to the lifts or ramps; this will be a little more
tricky during peak holiday times and we will be happy to advise you of the best
routes and times to travel for maximum space and comfort.
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
* Sail away to Jersey 2024 Book your travel Sailings up to November 4th now
available
BOOK NOW
* Sail away to Guernsey 2024 Book your travel Sailings up to November 4th now
available
BOOK NOW
* Book your ferry + hotel together Christmas breaks to Guernsey ABTA NO. Y6737
BOOK NOW
* Book your ferry + hotel together Christmas breaks to Jersey ABTA NO. Y6737
BOOK NOW
FERRIES
FERRY + HOTEL
Select destination: UK - Jersey UK - Guernsey Guernsey - UK Guernsey - France
Jersey - UK Jersey - France
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
December
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 29 30 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 02 03 04 05 06
Return
December
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 29 30 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 02 03 04 05 06
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.
If you need to be parked close to a lift or ramp, it is essential that you tell
us when making your booking and again at ticket check-in. The limited spaces for
wheelchair passengers close to the lifts or ramps are only allocated to
passengers with a disability on a first come first served basis, at the time of
booking. The loading crew will do their best to help you negotiate the busy
garage and make your way to the lifts or ramps; this will be a little more
tricky during peak holiday times and we will be happy to advise you of the best
routes and times to travel for maximum space and comfort.
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
BOOK YOUR 2024 TRAVEL WITH CONDOR
With a selection of high-speed and conventional services available, it's time to
plan your next getaway to Jersey, Guernsey, the UK, St Malo or Cherbourg.
And there's no easier, safer way to start your holiday than by sea. Just pack
your car with everything you need and drive on board, before making your way to
a guaranteed seat in one of our spacious passenger lounges.
On the way you can enjoy a meal or drink, or make some big savings in our on
board duty free shop. Or you can take in the views and some fresh air out on
deck, as we sail you to your destination.
GUERNSEY
WITH EPIC LANDSCAPE AND STUNNING CUISINE YOU'LL BE SPOILT FOR CHOICE FOR THINGS
TO DO IN GUERNSEY
DISCOVER GUERNSEY
JERSEY
STUNNING SCENERY, GREAT FOOD AND FASCINATING HISTORY MAKE JERSEY THE DREAMIEST
ISLAND BREAK
DISCOVER JERSEY
ST MALO
FROM THE MOMENT YOU STEP FOOT IN ST MALO, YOU'LL KNOW YOU'RE IN A MAGICAL PLACE
DISCOVER ST MALO
THE UK
FROM THE SOUTH COAST TO LONDON, THERE'S SOMETHING FOR ALL WITHIN REACH OF OUR UK
PORTS
DISCOVER THE UK
Are you
SITTING COMFORTABLY?
FIND OUT MORE ON SEAT UPGRADES
Save up to
40%* OFF UK PRICES
BROWSE DUTY FREE SHOPPING
Treat yourself to our
DELICIOUS FOOD & DRINK
DISCOVER ONBOARD FOOD & DRINK
Are you
SITTING COMFORTABLY?
FIND OUT MORE ON SEAT UPGRADES
Save up to
40%* OFF UK PRICES
BROWSE DUTY FREE SHOPPING
Treat yourself to our
DELICIOUS FOOD & DRINK
DISCOVER ONBOARD FOOD & DRINK
Are you
SITTING COMFORTABLY?
FIND OUT MORE ON SEAT UPGRADES
‹›
Don't take our word for it
Articles to
INSPIRE YOU
See more
Top Things to do in Guernsey
Top 10 Things to do in Jersey
St Malos' Best Beaches
See more
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
CONDOR BREAKS
* Jersey Holidays & Breaks
* Guernsey Holidays & Breaks
* Condor Breaks Booking Conditions
* Foreign Office Travel Advice
CONTACT US
* Condor Ferries
* New Jetty
* White Rock
* St. Peter Port
* Guernsey
* GY1 2LL
*
* +443456091024
FOLLOW US
Copyright © Condor Limited 2023. All rights reserved.
* * UK
* UK
* Jersey
* Guernsey
* France
↑
↑
Chat
Chat
FERRIES
FERRY + HOTEL
Select destination: UK - Jersey UK - Guernsey Guernsey - UK Guernsey - France
Jersey - UK Jersey - France
FERRIES
Select your destinationUK - GuernseyUK - FranceUK - JerseyGuernsey -
JerseyJersey - GuernseySark - JerseyJersey - SarkGuernsey - FranceJersey -
FranceGuernsey - UKJersey - UKFrance - JerseyFrance - GuernseyFrance - UK
Return Day Trip One Way
Out
December
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 29 30 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 02 03 04 05 06
Return
December
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 29 30 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 02 03 04 05 06
Your return date must be after your departure date.
SELECT PASSENGERS
PrevNext
December 2023
MoTuWeThFrSaSu 12345678910111213141516171819202122232425262728293031
Done
Add rooms & guests’
Done
1 room
room 1
2xAdultAdultChild/youth (0-15 years)
Specify ages:
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798990123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
Add children & infants- Select a price group -AdultChild/youth (0-15 years)
CancelDone
Add vehicle (optional)
Done
1 vehicles
vehicles 1
Add a vehicle- Select a price group -MotorcycleCar max height 1.85m x length
5mCar max height 2.2m x length 5mCar over height 3m x length 6m
CancelDone
×
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
Choose Cookies Hide details
Strictly necessary
Performance
Targeting
Unclassified
Cookie declaration
About cookies
Strictly necessary
Performance
Targeting
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 TopBarSettings
www.condorferries.co.uk Session 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.
UserSettings www.condorferries.co.uk Session citybreak_online
.condorferries.co.uk Session CookieScriptConsent
CookieScript
.condorferries.co.uk 1 year 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.
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 _hjFirstSeen
Hotjar Ltd
.condorferries.co.uk 30 minutes The cookie is set so Hotjar can track the
beginning of the user's journey for a total session count. It does not contain
any identifiable information. _hjAbsoluteSessionInProgress
Hotjar Ltd
.condorferries.co.uk 30 minutes The cookie is set so Hotjar can track the
beginning of the user's journey for a total session count. It does not contain
any identifiable information. _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. _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. aackid
Adara Inc.
.adaraanalytics.com 1 year Understanding the effectiveness of our marketing with
Adara. _ga
Google LLC
.condorferries.co.uk 1 year 1 month 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.
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 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. 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. _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. 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. 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 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. 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. _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 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. 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. cktst
Microsoft Corporation
.yieldoptimizer.com 1 year This is a Microsoft MSN 1st party cookie that ensures
the proper functioning of the website. pxrc
TowerData Inc.
.rlcdn.com 2 months This cookie registers non-personal data on the visitor. The
information is used to optimize advertisement relevance. 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.
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. rlas3
TowerData Inc.
.rlcdn.com 1 year This cookie is generally provided by rlcdn.com and is used for
advertising purposes. uid .adform.net 2 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. 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. A3
Yahoo! Inc.
.yahoo.com 1 year Ads targeting cookie for Yahoo 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. 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. dpm
Adobe Inc.
.dpm.demdex.net 6 months Adobe Audience Manager - data management platform uses
this cookie to record information around synchronisation of IDs. YSC
Google LLC
.youtube.com Session This cookie is set by YouTube to track views of embedded
videos.
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 sa-user-id-v2
sync.srv.stackadapt.com 1 year _hjSession_1033477 .condorferries.co.uk 30
minutes sa-user-id sync.srv.stackadapt.com 1 year errorNoAvailability
.condorferries.co.uk Session sa-user-id-v3 sync.srv.stackadapt.com 1 year C
.adform.net 1 month 1 day adformfrpid www.condorferries.co.uk 1 month
_ga_Q8N345QY7K .condorferries.co.uk 1 year 1 month fanplayr .condorferries.co.uk
12 months 4 days _hjIncludedInSessionSample_1033477 .condorferries.co.uk 2
minutes online3_1908687600_en_en-GB online3-next.citybreak.com Session d
.quantserve.com 3 months cbbe condorbreaks.condorferries.co.uk Session
sa-user-id .srv.stackadapt.com 1 year sa-user-id-v2 .srv.stackadapt.com 1 year
sa-user-id-v3 .srv.stackadapt.com 1 year _hjSessionUser_1033477
.condorferries.co.uk 1 year online3_1908687600_en_en-GB .condorferries.co.uk
Session online3_ss_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