www.cruisingexcursions.com Open in urlscan Pro
172.66.40.135  Public Scan

Submitted URL: https://click.em.cityexperiences.com/?qs=fdb4ee0a790885d15695c98c1c6579ba884909435edda839bbf47d211a7eaa2c6d55387f58c128ca83050e84856e...
Effective URL: https://www.cruisingexcursions.com/?utm_source=sfmc&utm_medium=email&utm_campaign=2021_CE_FLT_NYE_General_EM3_01.01.21&utm_content=...
Submission: On January 03 via api from US — Scanned from DE

Form analysis 10 forms found in the DOM

POST

<form data-abide="f11v17-abide" novalidate="" method="post" id="agentLogin" data-login-url="https://www.cruisingexcursions.com/agent/ajax/login" class="ng-pristine ng-valid">
  <div class="row">
    <div class="small-12 columns">
      <label for="login_username">Username::</label>
      <input id="login_username" aria-label="Please enter your username here" type="text" name="login_username" placeholder="Username" required="">
      <span class="form-error" data-error="Username is invalid. Please retry."></span>
    </div>
    <div class="small-12 columns">
      <label for="login_password">Password:</label>
      <input id="login_password" aria-label="Please enter your password here." type="password" name="login_password" placeholder="Password" required="">
      <span class="form-error" data-error="The password you have entered is invalid. Please retry."></span>
    </div>
    <div class="small-12 columns">
      <button class="button primary expanded">Login</button>
    </div>
    <div class="small-12 columns top-margin-small">
      <a data-open="Reset_modal" aria-controls="Reset_modal" aria-haspopup="true" tabindex="0">Forgotten your password?</a>
    </div>
    <div class="small-12 columns top-margin-small">
      <a href="https://www.cruisingexcursions.com/agent/register" class="button secondary expanded">Register</a>
    </div>
  </div>
</form>

POST https://www.cruisingexcursions.com/my-booking

<form data-abide="82jgh3-abide" novalidate="" action="https://www.cruisingexcursions.com/my-booking" method="POST" class="ng-pristine ng-valid">
  <div class="row">
    <div class="small-12 columns">
      <label for="booking_id">Booking number:</label>
      <input id="booking_id" aria-label="Please enter your booking number here." type="text" name="booking_id" placeholder="Booking number" required="">
      <span class="form-error" data-error="This booking number is invalid. Please retry."></span>
    </div>
    <div class="small-12 columns">
      <label for="booking_surname">Surname:</label>
      <input id="booking_surname" aria-label="Please enter your email address here." type="email" name="booking_email" placeholder="Email address" required="">
      <span class="form-error" data-error="The email address you have entered is invalid"></span>
    </div>
    <div class="small-12 columns">
      <button type="submit" class="button secondary expanded" title="View booking">View booking</button>
    </div>
  </div>
</form>

Name: cruise_formGET https://www.cruisingexcursions.com/search

<form action="https://www.cruisingexcursions.com/search" id="cruise_form" method="GET" name="cruise_form" novalidate="" data-ng-controller="SearchFormCtrl" data-ng-hide="toggleSearchForms" data-cruise-line-error="Please select a cruise line."
  data-cruise-ship-error="Please select a cruise ship." data-cruise-date-error="Please select a date." data-cruise-duration-error="Please select a duration." class="ng-pristine ng-invalid ng-invalid-required">
  <div class="cruise_ship_form">
    <div class="row">
      <div class="columns small-12 medium-6 large-3 cex-combobox ui-widget input-container" data-ng-controller="CruiseLineCtrl">
        <label for="cruise_line">Cruise line dropdown</label>
        <select tabindex="0" class="js-line ng-pristine ng-untouched ng-valid ng-empty" aria-label="Cruise Line Selector Drop Down" aria-required="true" data-target="#cruise_ship" id="cruise_line" name="cruise_line" data-ng-model="cruiseLine"
          data-source="https://www.cruisingexcursions.com/search-form/cruise-lines" style="display: none;">
          <option value="" selected="">Type cruise line</option>
          <option value="1">Aida</option>
          <option value="57">Ambassador</option>
          <option value="4">Azamara Cruises</option>
          <option value="7">Carnival Cruise Lines</option>
          <option value="8">Celebrity Cruises</option>
          <option value="9">Celestyal Cruises</option>
          <option value="12">Costa Cruises</option>
          <option value="13">Croisieres De France</option>
          <option value="14">Cruise and Maritime Voyages</option>
          <option value="15">Crystal Cruises</option>
          <option value="16">Cunard Line</option>
          <option value="17">Disney Cruise Line</option>
          <option value="18">Fred Olsen Cruise Lines</option>
          <option value="19">Hapag Lloyd</option>
          <option value="20">Holland America</option>
          <option value="48">Marella Cruises</option>
          <option value="25">MSC Cruises</option>
          <option value="26">MV</option>
          <option value="28">Norwegian Cruise Line</option>
          <option value="29">Oceania Cruises</option>
          <option value="34">Phoenix Reisen</option>
          <option value="31">P &amp; O Cruises</option>
          <option value="32">P &amp; O Cruises Australia</option>
          <option value="36">Princess Cruises</option>
          <option value="37">Pullmantur Cruises</option>
          <option value="38">Regent Seven Seas Cruises</option>
          <option value="39">Royal Caribbean </option>
          <option value="40">Saga Cruises</option>
          <option value="41">Seabourn Cruise Line</option>
          <option value="42">SeaDream Yacht Club</option>
          <option value="43">Silversea Cruises</option>
          <option value="44">Star Clippers</option>
          <option value="46">Swan Hellenic</option>
          <option value="49">TUI Cruises</option>
          <option value="51">Viking Cruises</option>
          <option value="55">Virgin</option>
          <option value="53">Windstar Cruises</option>
        </select>
        <div class="input-group"><input title="" type="text" placeholder="Type cruise line" class="js-line ng-pristine ng-untouched ng-valid ng-empty ui-autocomplete-input" autocomplete="off">
          <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
        </div>
        <ul id="ui-id-20" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
      </div>
      <div class="columns small-12 medium-6 large-3 cex-combobox input-container" data-ng-controller="CruiseShipCtrl">
        <label for="cruise_ship">Cruise ship dropdown</label>
        <select tabindex="0" class="js-ship ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" name="cruise_ship" aria-label="Cruise Ship Selector Drop Down" aria-required="true" id="cruise_ship" required="" data-ng-model="cruiseShip"
          data-source="https://www.cruisingexcursions.com/search-form/cruise-ships" data-disable-options="false" style="display: none;">
          <option value="" selected="">Cruise Ship</option>
          <option value="255" data-cruise-line="31">Adonia</option>
          <option value="256" data-cruise-line="39">Adventure of the Seas</option>
          <option value="512" data-cruise-line="1">AIDAaura</option>
          <option value="513" data-cruise-line="1">AIDAbella</option>
          <option value="514" data-cruise-line="1">AIDAblu</option>
          <option value="515" data-cruise-line="1">AIDAcara</option>
          <option value="516" data-cruise-line="1">AIDAdiva</option>
          <option value="517" data-cruise-line="1">AIDAluna</option>
          <option value="529" data-cruise-line="1">AIDAmar</option>
          <option value="669" data-cruise-line="1">AIDAnova</option>
          <option value="606" data-cruise-line="1">AIDAprima</option>
          <option value="518" data-cruise-line="1">AIDAsol</option>
          <option value="538" data-cruise-line="1">AIDAstella</option>
          <option value="519" data-cruise-line="1">AIDAvita</option>
          <option value="534" data-cruise-line="34">Albatros</option>
          <option value="257" data-cruise-line="39">Allure of the Seas</option>
          <option value="535" data-cruise-line="34">Amadea</option>
          <option value="710" data-cruise-line="57">Ambassador Ambience</option>
          <option value="569" data-cruise-line="39">Anthem Of The Seas</option>
          <option value="266" data-cruise-line="31">Arcadia</option>
          <option value="536" data-cruise-line="34">Artania</option>
          <option value="701" data-cruise-line="31">Arvia</option>
          <option value="625" data-cruise-line="14">Astor</option>
          <option value="570" data-cruise-line="14">Astoria</option>
          <option value="270" data-cruise-line="31">Aurora</option>
          <option value="280" data-cruise-line="4">Azamara Journey</option>
          <option value="709" data-cruise-line="4">Azamara Onward</option>
          <option value="645" data-cruise-line="4">Azamara Pursuit</option>
          <option value="281" data-cruise-line="4">Azamara Quest</option>
          <option value="282" data-cruise-line="31">Azura</option>
          <option value="283" data-cruise-line="18">Balmoral</option>
          <option value="683" data-cruise-line="18">Bolette</option>
          <option value="684" data-cruise-line="18">Borealis</option>
          <option value="285" data-cruise-line="18">Boudicca</option>
          <option value="286" data-cruise-line="18">Braemar</option>
          <option value="287" data-cruise-line="39">Brilliance of the Seas</option>
          <option value="566" data-cruise-line="31">Britannia</option>
          <option value="288" data-cruise-line="36">Caribbean Princess</option>
          <option value="521" data-cruise-line="7">Carnival Breeze</option>
          <option value="698" data-cruise-line="7">Carnival Celebration</option>
          <option value="289" data-cruise-line="7">Carnival Conquest</option>
          <option value="291" data-cruise-line="7">Carnival Dream</option>
          <option value="292" data-cruise-line="7">Carnival Ecstasy</option>
          <option value="293" data-cruise-line="7">Carnival Elation</option>
          <option value="296" data-cruise-line="7">Carnival Freedom</option>
          <option value="297" data-cruise-line="7">Carnival Glory</option>
          <option value="626" data-cruise-line="7">Carnival Horizon</option>
          <option value="300" data-cruise-line="7">Carnival Legend</option>
          <option value="301" data-cruise-line="7">Carnival Liberty</option>
          <option value="302" data-cruise-line="7">Carnival Magic</option>
          <option value="671" data-cruise-line="7">Carnival Mardi Gras</option>
          <option value="303" data-cruise-line="7">Carnival Miracle</option>
          <option value="661" data-cruise-line="7">Carnival Panorama</option>
          <option value="304" data-cruise-line="7">Carnival Paradise</option>
          <option value="305" data-cruise-line="7">Carnival Pride</option>
          <option value="668" data-cruise-line="7">Carnival Radiance</option>
          <option value="306" data-cruise-line="7">Carnival Sensation</option>
          <option value="307" data-cruise-line="7">Carnival Spirit</option>
          <option value="308" data-cruise-line="7">Carnival Splendor</option>
          <option value="662" data-cruise-line="7">Carnival Sunrise</option>
          <option value="539" data-cruise-line="7">Carnival Sunshine</option>
          <option value="309" data-cruise-line="7">Carnival Triumph</option>
          <option value="310" data-cruise-line="7">Carnival Valor</option>
          <option value="311" data-cruise-line="7">Carnival Victory</option>
          <option value="585" data-cruise-line="7">Carnival Vista</option>
          <option value="664" data-cruise-line="8">Celebrity Apex</option>
          <option value="706" data-cruise-line="8">Celebrity Beyond</option>
          <option value="313" data-cruise-line="8">Celebrity Constellation</option>
          <option value="314" data-cruise-line="8">Celebrity Eclipse </option>
          <option value="631" data-cruise-line="8">Celebrity Edge</option>
          <option value="315" data-cruise-line="8">Celebrity Equinox </option>
          <option value="316" data-cruise-line="8">Celebrity Infinity</option>
          <option value="318" data-cruise-line="8">Celebrity Millennium</option>
          <option value="319" data-cruise-line="8">Celebrity Reflection</option>
          <option value="320" data-cruise-line="8">Celebrity Silhouette </option>
          <option value="321" data-cruise-line="8">Celebrity Solstice</option>
          <option value="322" data-cruise-line="8">Celebrity Summit</option>
          <option value="613" data-cruise-line="9">Celestyal Crystal</option>
          <option value="608" data-cruise-line="9">Celestyal Olympia</option>
          <option value="619" data-cruise-line="14">Columbus </option>
          <option value="325" data-cruise-line="36">Coral Princess</option>
          <option value="330" data-cruise-line="12">Costa Deliziosa</option>
          <option value="567" data-cruise-line="12">Costa Diadema</option>
          <option value="331" data-cruise-line="12">Costa Fascinosa</option>
          <option value="332" data-cruise-line="12">Costa Favolosa</option>
          <option value="333" data-cruise-line="12">Costa Fortuna</option>
          <option value="334" data-cruise-line="12">Costa Luminosa</option>
          <option value="335" data-cruise-line="12">Costa Magica</option>
          <option value="584" data-cruise-line="12">Costa neoClassica</option>
          <option value="561" data-cruise-line="12">Costa neoRiviera</option>
          <option value="338" data-cruise-line="12">Costa Pacifica</option>
          <option value="673" data-cruise-line="12">Costa Smeralda</option>
          <option value="658" data-cruise-line="12">Costa Venezia</option>
          <option value="342" data-cruise-line="36">Crown Princess</option>
          <option value="343" data-cruise-line="15">Crystal Serenity</option>
          <option value="344" data-cruise-line="15">Crystal Symphony</option>
          <option value="345" data-cruise-line="36">Dawn Princess</option>
          <option value="346" data-cruise-line="36">Diamond Princess</option>
          <option value="679" data-cruise-line="36">Discovery Princess</option>
          <option value="348" data-cruise-line="17">Disney Dream</option>
          <option value="349" data-cruise-line="17">Disney Fantasy</option>
          <option value="350" data-cruise-line="17">Disney Magic</option>
          <option value="705" data-cruise-line="17">Disney Wish</option>
          <option value="351" data-cruise-line="17">Disney Wonder</option>
          <option value="353" data-cruise-line="36">Emerald Princess</option>
          <option value="354" data-cruise-line="37">Empress</option>
          <option value="667" data-cruise-line="36">Enchanted Princess</option>
          <option value="355" data-cruise-line="39">Enchantment of the Seas</option>
          <option value="357" data-cruise-line="39">Explorer of the Seas</option>
          <option value="360" data-cruise-line="39">Freedom of the Seas</option>
          <option value="362" data-cruise-line="36">Golden Princess</option>
          <option value="364" data-cruise-line="39">Grandeur of the Seas</option>
          <option value="363" data-cruise-line="36">Grand Princess</option>
          <option value="587" data-cruise-line="39">Harmony of the Seas </option>
          <option value="356" data-cruise-line="20">Holland America Eurodam</option>
          <option value="586" data-cruise-line="20">Holland America Koningsdam</option>
          <option value="394" data-cruise-line="20">Holland America Nieuw Amsterdam</option>
          <option value="650" data-cruise-line="20">Holland America Nieuw Statendam</option>
          <option value="395" data-cruise-line="20">Holland America Noordam</option>
          <option value="413" data-cruise-line="20">Holland America Oosterdam</option>
          <option value="429" data-cruise-line="20">Holland America Prinsendam</option>
          <option value="697" data-cruise-line="20">Holland America Rotterdam</option>
          <option value="500" data-cruise-line="20">Holland America Volendam</option>
          <option value="502" data-cruise-line="20">Holland America Westerdam</option>
          <option value="507" data-cruise-line="20">Holland America Zaandam</option>
          <option value="509" data-cruise-line="20">Holland America Zuiderdam</option>
          <option value="365" data-cruise-line="37">Horizon</option>
          <option value="609" data-cruise-line="13">Horizon (CDF)</option>
          <option value="366" data-cruise-line="39">Independence of the Seas </option>
          <option value="367" data-cruise-line="29">Insignia</option>
          <option value="663" data-cruise-line="31">Iona</option>
          <option value="369" data-cruise-line="36">Island Princess</option>
          <option value="371" data-cruise-line="39">Jewel of the Seas</option>
          <option value="378" data-cruise-line="39">Legend of the Seas</option>
          <option value="379" data-cruise-line="39">Liberty of the Seas</option>
          <option value="580" data-cruise-line="14">Magellan</option>
          <option value="621" data-cruise-line="36">Majestic Princess</option>
          <option value="384" data-cruise-line="14">Marco Polo</option>
          <option value="594" data-cruise-line="48">Marella Discovery</option>
          <option value="624" data-cruise-line="48">Marella Discovery 2</option>
          <option value="638" data-cruise-line="48">Marella Explorer</option>
          <option value="652" data-cruise-line="48">Marella Explorer 2</option>
          <option value="559" data-cruise-line="48">Marella Majesty</option>
          <option value="555" data-cruise-line="48">Marella Spirit</option>
          <option value="385" data-cruise-line="29">Marina</option>
          <option value="386" data-cruise-line="39">Mariner of the Seas</option>
          <option value="548" data-cruise-line="49">Mein Schiff 1</option>
          <option value="549" data-cruise-line="49">Mein Schiff 2</option>
          <option value="550" data-cruise-line="49">Mein Schiff 3</option>
          <option value="589" data-cruise-line="49">Mein Schiff 4</option>
          <option value="603" data-cruise-line="49">Mein Schiff 5</option>
          <option value="571" data-cruise-line="37">Monarch</option>
          <option value="268" data-cruise-line="25">MSC Armonia</option>
          <option value="643" data-cruise-line="25">MSC Bellissima</option>
          <option value="526" data-cruise-line="25">MSC Divina</option>
          <option value="358" data-cruise-line="25">MSC Fantasia</option>
          <option value="647" data-cruise-line="25">MSC Grandiosa</option>
          <option value="380" data-cruise-line="25">MSC Lirica</option>
          <option value="382" data-cruise-line="25">MSC Magnifica</option>
          <option value="610" data-cruise-line="25">MSC Meraviglia</option>
          <option value="390" data-cruise-line="25">MSC Musica</option>
          <option value="414" data-cruise-line="25">MSC Opera</option>
          <option value="415" data-cruise-line="25">MSC Orchestra</option>
          <option value="426" data-cruise-line="25">MSC Poesia</option>
          <option value="546" data-cruise-line="25">MSC Preziosa</option>
          <option value="674" data-cruise-line="25">MSC Seashore</option>
          <option value="617" data-cruise-line="25">MSC Seaside</option>
          <option value="629" data-cruise-line="25">MSC Seaview</option>
          <option value="477" data-cruise-line="25">MSC Sinfonia</option>
          <option value="479" data-cruise-line="25">MSC Splendida</option>
          <option value="666" data-cruise-line="25">MSC Virtuosa</option>
          <option value="708" data-cruise-line="25">MSC World Europa</option>
          <option value="552" data-cruise-line="19">ms Europa</option>
          <option value="553" data-cruise-line="19">ms Europa 2</option>
          <option value="627" data-cruise-line="20">ms Oosterdam</option>
          <option value="541" data-cruise-line="26">MV Aegean Odyssey</option>
          <option value="575" data-cruise-line="46">mv Minerva</option>
          <option value="540" data-cruise-line="26">MV Voyager</option>
          <option value="392" data-cruise-line="29">Nautica</option>
          <option value="393" data-cruise-line="39">Navigator of the Seas </option>
          <option value="630" data-cruise-line="28">Norwegian Bliss</option>
          <option value="531" data-cruise-line="28">Norwegian Breakaway</option>
          <option value="398" data-cruise-line="28">Norwegian Dawn</option>
          <option value="660" data-cruise-line="28">Norwegian Encore</option>
          <option value="399" data-cruise-line="28">Norwegian Epic</option>
          <option value="591" data-cruise-line="28">Norwegian Escape</option>
          <option value="400" data-cruise-line="28">Norwegian Gem</option>
          <option value="562" data-cruise-line="28">Norwegian Getaway</option>
          <option value="401" data-cruise-line="28">Norwegian Jade </option>
          <option value="402" data-cruise-line="28">Norwegian Jewel</option>
          <option value="659" data-cruise-line="28">Norwegian Joy</option>
          <option value="403" data-cruise-line="28">Norwegian Pearl</option>
          <option value="707" data-cruise-line="28">Norwegian Prima</option>
          <option value="404" data-cruise-line="28">Norwegian Sky</option>
          <option value="405" data-cruise-line="28">Norwegian Spirit </option>
          <option value="406" data-cruise-line="28">Norwegian Star</option>
          <option value="407" data-cruise-line="28">Norwegian Sun</option>
          <option value="408" data-cruise-line="39">Oasis of the Seas</option>
          <option value="675" data-cruise-line="39">Odyssey of the Seas</option>
          <option value="417" data-cruise-line="31">Oriana</option>
          <option value="590" data-cruise-line="39">Ovation of the Seas</option>
          <option value="611" data-cruise-line="32">Pacific Eden</option>
          <option value="642" data-cruise-line="31">Pacific Explorer</option>
          <option value="421" data-cruise-line="32">Pacific Jewel</option>
          <option value="422" data-cruise-line="32">Pacific Pearl</option>
          <option value="427" data-cruise-line="28">Pride of America</option>
          <option value="563" data-cruise-line="39">Quantum Of The Seas</option>
          <option value="430" data-cruise-line="16">Queen Elizabeth</option>
          <option value="431" data-cruise-line="16">Queen Mary 2</option>
          <option value="432" data-cruise-line="16">Queen Victoria</option>
          <option value="434" data-cruise-line="39">Radiance of the Seas</option>
          <option value="560" data-cruise-line="36">Regal Princess</option>
          <option value="435" data-cruise-line="29">Regatta</option>
          <option value="702" data-cruise-line="55">Resilient Lady</option>
          <option value="437" data-cruise-line="39">Rhapsody of the Seas</option>
          <option value="528" data-cruise-line="29">Riviera</option>
          <option value="576" data-cruise-line="44">Royal Clipper</option>
          <option value="450" data-cruise-line="36">Royal Princess</option>
          <option value="451" data-cruise-line="36">Ruby Princess</option>
          <option value="453" data-cruise-line="40">Saga Pearl II</option>
          <option value="457" data-cruise-line="36">Sapphire Princess</option>
          <option value="676" data-cruise-line="55">Scarlet Lady</option>
          <option value="602" data-cruise-line="41">Seabourn Encore</option>
          <option value="460" data-cruise-line="41">Seabourn Odyssey</option>
          <option value="644" data-cruise-line="41">Seabourn Ovation</option>
          <option value="462" data-cruise-line="41">Seabourn Quest</option>
          <option value="463" data-cruise-line="41">Seabourn Sojourn</option>
          <option value="601" data-cruise-line="42">SeaDream I</option>
          <option value="600" data-cruise-line="42">SeaDream II</option>
          <option value="467" data-cruise-line="39">Serenade of the Seas</option>
          <option value="612" data-cruise-line="38">Seven Seas Explorer</option>
          <option value="572" data-cruise-line="38">Seven Seas Mariner</option>
          <option value="573" data-cruise-line="38">Seven Seas Navigator</option>
          <option value="677" data-cruise-line="38">Seven Seas Splendor</option>
          <option value="574" data-cruise-line="38">Seven Seas Voyager</option>
          <option value="471" data-cruise-line="43">Silver Cloud</option>
          <option value="700" data-cruise-line="43">Silver Dawn</option>
          <option value="639" data-cruise-line="43">Silver Muse</option>
          <option value="473" data-cruise-line="43">Silver Shadow</option>
          <option value="474" data-cruise-line="43">Silver Spirit</option>
          <option value="475" data-cruise-line="43">Silver Whisper</option>
          <option value="476" data-cruise-line="43">Silver Wind</option>
          <option value="614" data-cruise-line="29">Sirena</option>
          <option value="646" data-cruise-line="36">Sky Princess</option>
          <option value="478" data-cruise-line="37">Sovereign</option>
          <option value="656" data-cruise-line="39">Spectrum Of The Seas</option>
          <option value="681" data-cruise-line="40">Spirit Of Adventure</option>
          <option value="672" data-cruise-line="40">Spirit of Discovery</option>
          <option value="605" data-cruise-line="53">Star Breeze</option>
          <option value="564" data-cruise-line="44">Star Clipper</option>
          <option value="565" data-cruise-line="44">Star Flyer</option>
          <option value="592" data-cruise-line="53">Star Legend</option>
          <option value="547" data-cruise-line="53">Star Pride</option>
          <option value="483" data-cruise-line="36">Star Princess</option>
          <option value="628" data-cruise-line="39">Symphony of the Seas</option>
          <option value="682" data-cruise-line="55">Valiant Lady</option>
          <option value="657" data-cruise-line="14">Vasco da Gama</option>
          <option value="496" data-cruise-line="31">Ventura</option>
          <option value="654" data-cruise-line="51">Viking Jupiter</option>
          <option value="653" data-cruise-line="51">Viking Orion</option>
          <option value="604" data-cruise-line="51">Viking Sea</option>
          <option value="599" data-cruise-line="51">Viking Sky</option>
          <option value="583" data-cruise-line="51">Viking Star</option>
          <option value="655" data-cruise-line="51">Viking Sun</option>
          <option value="696" data-cruise-line="51">Viking Venus</option>
          <option value="499" data-cruise-line="39">Vision of the Seas</option>
          <option value="501" data-cruise-line="39">Voyager of the Seas</option>
          <option value="503" data-cruise-line="53">Wind Spirit</option>
          <option value="505" data-cruise-line="53">Wind Star</option>
          <option value="506" data-cruise-line="53">Wind Surf</option>
          <option value="678" data-cruise-line="39">Wonder of the Seas</option>
          <option value="508" data-cruise-line="37">Zenith</option>
          <option value="615" data-cruise-line="13">Zenith (CDF)</option>
        </select>
        <div class="input-group"><input title="" type="text" placeholder="Cruise Ship" class="js-ship ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required required ui-autocomplete-input" autocomplete="off">
          <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
        </div>
        <ul id="ui-id-27" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
      </div>
      <div class="columns small-12 medium-6 large-3 searchform-datepicker input-container" data-ng-controller="SearchFormDatePickerCtrl" data-duration="true" data-datepicker-display="#searchform-datepicker--cruise">
        <label for="date_duration_cruise">Date and Duration</label>
        <div class="input-group required" data-ng-click="openDatePicker($event)" data-ng-mouseover="displayToolTip(true)" data-ng-mouseleave="displayToolTip(false)" data-toggle="searchform-datepicker--cruise"
          aria-controls="searchform-datepicker--cruise" data-is-focus="false" data-yeti-box="searchform-datepicker--cruise" aria-haspopup="true" aria-expanded="false">
          <div class="hide"></div> <input name="date" type="hidden" value="" data-ng-model="date" required="" autocomplete="off" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required">
          <input name="duration" type="hidden" value="" data-ng-model="duration" required="" autocomplete="off" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required">
          <span value="Date and Duration" class="input-group-label js-date has-tip" tabindex="0" aria-label="Date and Duration" data-ng-bind="getDurationSelectionLabel()" data-tooltip="rxsgut-tooltip" aria-haspopup="true" data-click-open="false"
            data-disable-hover="true" title="" aria-describedby="t2hdrv-tooltip" data-yeti-box="t2hdrv-tooltip" data-toggle="t2hdrv-tooltip" data-resize="t2hdrv-tooltip">Date and Duration</span>
          <div class="input-group-button">
            <button type="button" class="button calendar dropdown-trigger" aria-label="Search Form Datepicker Dropdown" tabindex="-1"></button>
          </div>
        </div>
        <div id="searchform-datepicker--cruise" class="dropdown-pane bottom" data-dropdown="3bao5n-dropdown" data-v-offset="0" data-closable="" data-close-on-click="true" aria-hidden="true" data-yeti-box="searchform-datepicker--cruise"
          data-resize="searchform-datepicker--cruise" aria-labelledby="a47opo-dd-anchor">
          <div class="datepicker">
            <div class="row controls">
              <div class="columns small-4">
                <button data-ng-show="durationEnabled &amp;&amp; showDuration" type="button" class="button arrow outline small float-left reverse ng-hide" aria-label="Back to date selection" data-ng-click="backToDateSelection()">Back</button>
              </div>
              <div class="columns small-6 no-padding text-center">
                <p data-ng-show="durationEnabled &amp;&amp; showDuration" class="duration-heading ng-hide" data-ng-bind-html="getDateSelectionLabel()">Date Selection</p>
              </div>
              <div class="columns small-2">
                <button type="button" class="button close icon-only outline small float-right js-date-close" aria-label="Close button" data-close=""></button>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-12 columns">
                <p class="duration-heading">Select cruise start date</p>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-2 large-1 columns">
                <button type="button" data-ng-click="prev()" class="button icon-only arrow left outline float-left"></button>
              </div>
              <div class="small-8 large-5 columns">
                <p class="month-heading" data-ng-bind="getCurrentMonthHeading()">January 2022</p>
              </div>
              <div class="show-for-large large-5 columns">
                <p class="month-heading" data-ng-bind="getNextMonthHeading()">February 2022</p>
              </div>
              <div class="small-2 large-1 columns">
                <button type="button" data-ng-click="next()" class="button icon-only arrow outline float-right"></button>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-12 large-6 columns">
                <table class="table">
                  <thead>
                    <tr>
                      <th aria-label="Monday, January 2022">Mon</th>
                      <th aria-label="Tuesday, January 2022">Tue</th>
                      <th aria-label="Wednesday, January 2022">Wed</th>
                      <th aria-label="Thursday, January 2022">Thu</th>
                      <th aria-label="Friday, January 2022">Fri</th>
                      <th aria-label="Saturday, January 2022">Sat</th>
                      <th aria-label="Sunday, January 2022">Sun</th>
                    </tr>
                  </thead>
                  <tbody>
                    <!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 1 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 2 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 3 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 4 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 5 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 6 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 7 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 8 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 9 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 10 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 11 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 12 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 13 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 14 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 15 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 16 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 17 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 18 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 19 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 20 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 21 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 22 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 23 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 24 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 25 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 26 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 27 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 28 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 29 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 30 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 31 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                    </tr><!---->
                  </tbody>
                </table>
              </div>
              <div class="show-for-large large-6 columns">
                <table class="table">
                  <thead>
                    <tr>
                      <th aria-label="Monday, February 2022">Mon</th>
                      <th aria-label="Tuesday February 2022">Tue</th>
                      <th aria-label="Wednesday, February 2022">Wed</th>
                      <th aria-label="Thursday, February 2022">Thu</th>
                      <th aria-label="Friday, February 2022">Fri</th>
                      <th aria-label="Saturday, February 2022">Sat</th>
                      <th aria-label="Sunday, February 2022">Sun</th>
                    </tr>
                  </thead>
                  <tbody>
                    <!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 1 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 2 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 3 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 4 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 5 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 6 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 7 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 8 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 9 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 10 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 11 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 12 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 13 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 14 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 15 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 16 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 17 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 18 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 19 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 20 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 21 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 22 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 23 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 24 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 25 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 26 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 27 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="disabled"> 28 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                    </tr><!---->
                  </tbody>
                </table>
              </div>
            </div>
            <div data-ng-show="durationEnabled &amp;&amp; showDuration" class="ng-hide">
              <div class="row">
                <div class="small-6 large-6 columns">
                  <p class="duration-heading show-for-medium">Select cruise duration</p>
                  <p class="duration-heading show-for-small-only">Duration</p>
                </div>
                <div class="small-6 large-4 end columns cex-combobox">
                  <select class="js-duration ng-pristine ng-untouched ng-valid ng-empty" aria-label="Datepicker Duration Selection" data-ng-model="duration" data-ng-change="setActiveDuration(); closeDatePicker()"
                    data-ng-options="d.label for d in availableDurations track by d.id" data-combobox-readonly="" style="display: none;">
                    <option value="" selected="selected">no. of nts</option>
                  </select>
                  <div class="input-group"><input title="" type="text" placeholder="no. of nts" class="js-duration ui-autocomplete-input" autocomplete="off" readonly="">
                    <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
                  </div>
                  <ul id="ui-id-3" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
                </div>
              </div>
            </div>
          </div>
          <div class="datepicker-tooltip-itinerary tooltip">Select the start date for your cruise sailing to view all ports of call</div>
        </div>
      </div>
      <div class="columns small-12 medium-6 large-3 passenger-selector pax-selector-dropdown pax-focus input-container" data-ng-controller="PaxSelectorCtrl" tabindex="-1">
        <div class="input-group required" data-toggle="pax_selector_dropdown--cruise" id="pax_group_selector" aria-controls="pax_selector_dropdown--cruise" data-is-focus="false" data-yeti-box="pax_selector_dropdown--cruise" aria-haspopup="true"
          aria-expanded="false">
          <input name="pax_adults" type="hidden" value="2" required="" autocomplete="off">
          <input name="pax_children" type="hidden" value="0" autocomplete="off">
          <input name="pax_infants" type="hidden" value="0" autocomplete="off">
          <span class="input-group-label cruise-input" tabindex="0" aria-label="2Adults,0Children,0infants" data-ng-bind-template="2 Adults">2 Adults</span>
          <div class="input-group-button">
            <button type="button" class="button arrow down dropdown-trigger" aria-label="Passenger selector dropdown" tabindex="-1"></button>
          </div>
        </div>
        <div id="pax_selector_dropdown--cruise" class="dropdown-pane bottom" data-dropdown="cd8qmo-dropdown" data-close-on-click="true" data-v-offset="0" data-closable="" aria-hidden="true" data-yeti-box="pax_selector_dropdown--cruise"
          data-resize="pax_selector_dropdown--cruise" aria-labelledby="pax_group_selector">
          <div class="pax-selector" role="group" aria-label="Passenger selector">
            <div class="row bottom-margin-small">
              <div class="columns small-10 no-padding">
                <h4>Select your passengers</h4>
              </div>
              <div class="columns small-2 no-padding">
                <button type="button" class="button close icon-only outline float-right" aria-label="Close button" data-toggle="pax_selector_dropdown--cruise" aria-controls="pax_selector_dropdown--cruise" data-is-focus="false"
                  data-yeti-box="pax_selector_dropdown--cruise" aria-haspopup="true" aria-expanded="false"></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('adults')" type="button" class="button icon-only minus outline" aria-label="Reduce adult amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="2 Adults" data-ng-bind-template="2 Adults">2 Adults</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('adults')" type="button" class="button icon-only plus outline" aria-label="Increase adult amount by one."></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('children')" type="button" class="button icon-only minus outline" aria-label="Reduce child amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="0 Children" data-ng-bind-template="0 Children">0 Children</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('children')" type="button" class="button icon-only plus outline" aria-label="Increase child amount by one."></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('infants')" type="button" class="button icon-only minus outline" aria-label="Reduce infant amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="0 Infants" data-ng-bind-template="0 Infants">0 Infants</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('infants')" type="button" class="button icon-only plus outline" aria-label="Increase infant amount by one."></button>
              </div>
            </div>
            <hr class="bottom-margin-small top-margin-medium">
            <dl>
              <dt tabindex="0">Children:</dt>
              <dd tabindex="0">2 to 14 years old</dd>
            </dl>
            <dl>
              <dt tabindex="0">Infants:</dt>
              <dd tabindex="0">Under 2 years old</dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="columns large-8 abta_image show-for-large">
      </div>
      <div class="columns small-12 large-4">
        <button aria-label="Search button" type="button" class="button primary edge expanded search-form-submit" data-ng-click="cruiseForm($event)">Search</button>
      </div>
    </div>
  </div>
</form>

Name: port_formGET https://www.cruisingexcursions.com/search

<form action="https://www.cruisingexcursions.com/search" id="port_form" method="GET" name="port_form" class="ng-hide ng-pristine ng-valid" novalidate="" data-ng-controller="SearchFormCtrl" data-ng-show="toggleSearchForms"
  data-port-error="Please select a port." data-port-date-error="Please select a date." data-required-fields="#port_dropdown">
  <div class="port_name_form" data-prevent-flash="">
    <div class="row">
      <div class="columns small-12 large-5 ui-widget relative cex-combobox">
        <label for="port_dropdown">Port selection</label>
        <div class="input-group">
          <input name="port_name" id="port_dropdown" type="hidden" data-field-type="port" required="" autocomplete="off">
          <input type="text" class="js-port-name required ui-autocomplete-input" aria-label="Type port name" aria-required="true" placeholder="Type port name" data-autocomplete="" data-source="https://www.cruisingexcursions.com/search-form/ports"
            autocomplete="off">
          <div class="autocomplete-loader" data-autocomplete-loader="">
            <div class="loader square-spinner accent"></div>
          </div>
          <ul id="ui-id-18" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
        </div>
      </div>
      <div class="columns small-12 medium-6 large-3 searchform-datepicker" data-ng-controller="SearchFormDatePickerCtrl" data-duration="false" data-type="port" data-datepicker-display="#searchform-datepicker--port">
        <label for="date_duration_port">Date Selection</label>
        <div class="input-group" data-ng-click="openDatePicker($event)">
          <div class="hide" data-toggle="searchform-datepicker--port" aria-controls="searchform-datepicker--port" data-is-focus="false" data-yeti-box="searchform-datepicker--port" aria-haspopup="true" aria-expanded="false"></div>
          <input name="date" type="hidden" value="" autocomplete="off" data-ng-model="date" class="ng-pristine ng-untouched ng-valid ng-empty">
          <input name="duration" type="hidden" value="" autocomplete="off" data-ng-model="duration" class="ng-pristine ng-untouched ng-valid ng-empty">
          <span value="Date Selection" class="input-group-label js-date-selection" tabindex="0" aria-label="Date Selection" data-ng-bind-template="Date Selection">Date Selection</span>
          <div class="input-group-button">
            <button type="button" class="button calendar dropdown-trigger" aria-label="Search Form Datepicker Dropdown"></button>
          </div>
        </div>
        <div id="searchform-datepicker--port" class="dropdown-pane bottom" data-dropdown="66bze4-dropdown" data-v-offset="0" data-closable="" data-close-on-click="true" aria-hidden="true" data-yeti-box="searchform-datepicker--port"
          data-resize="searchform-datepicker--port" aria-labelledby="hqt40h-dd-anchor">
          <div class="datepicker">
            <div class="row controls">
              <div class="columns small-4">
                <button data-ng-show="durationEnabled &amp;&amp; showDuration" type="button" class="button arrow outline small float-left reverse ng-hide" aria-label="Back to date selection" data-ng-click="backToDateSelection()">Back</button>
              </div>
              <div class="columns small-6 no-padding text-center">
                <p data-ng-show="durationEnabled &amp;&amp; showDuration" class="duration-heading ng-hide" data-ng-bind-html="getDateSelectionLabel()">Date Selection</p>
              </div>
              <div class="columns small-2">
                <button type="button" class="button close icon-only outline small float-right js-date-close" aria-label="Close button" data-close=""></button>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-12 columns">
                <p class="duration-heading">Please select a date</p>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-2 large-1 columns">
                <button type="button" data-ng-click="prev()" class="button icon-only arrow left outline float-left"></button>
              </div>
              <div class="small-8 large-5 columns">
                <p class="month-heading" data-ng-bind="getCurrentMonthHeading()">January 2022</p>
              </div>
              <div class="show-for-large large-5 columns">
                <p class="month-heading" data-ng-bind="getNextMonthHeading()">February 2022</p>
              </div>
              <div class="small-2 large-1 columns">
                <button type="button" data-ng-click="next()" class="button icon-only arrow outline float-right"></button>
              </div>
            </div>
            <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
              <div class="small-12 large-6 columns">
                <table class="table">
                  <thead>
                    <tr>
                      <th aria-label="Monday, January 2022">Mon</th>
                      <th aria-label="Tuesday, January 2022">Tue</th>
                      <th aria-label="Wednesday, January 2022">Wed</th>
                      <th aria-label="Thursday, January 2022">Thu</th>
                      <th aria-label="Friday, January 2022">Fri</th>
                      <th aria-label="Saturday, January 2022">Sat</th>
                      <th aria-label="Sunday, January 2022">Sun</th>
                    </tr>
                  </thead>
                  <tbody>
                    <!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 29 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 30 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 31 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                    </tr><!---->
                  </tbody>
                </table>
              </div>
              <div class="show-for-large large-6 columns">
                <table class="table">
                  <thead>
                    <tr>
                      <th aria-label="Monday, February 2022">Mon</th>
                      <th aria-label="Tuesday February 2022">Tue</th>
                      <th aria-label="Wednesday, February 2022">Wed</th>
                      <th aria-label="Thursday, February 2022">Thu</th>
                      <th aria-label="Friday, February 2022">Fri</th>
                      <th aria-label="Saturday, February 2022">Sat</th>
                      <th aria-label="Sunday, February 2022">Sun</th>
                    </tr>
                  </thead>
                  <tbody>
                    <!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                    </tr><!---->
                    <tr data-ng-repeat="dates in getNextMonthWeeks()">
                      <!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                      <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                        data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                      </td><!---->
                    </tr><!---->
                  </tbody>
                </table>
              </div>
            </div>
            <div data-ng-show="durationEnabled &amp;&amp; showDuration" class="ng-hide">
              <div class="row">
                <div class="small-6 large-6 columns">
                  <p class="duration-heading show-for-medium">Select cruise duration</p>
                  <p class="duration-heading show-for-small-only">Duration</p>
                </div>
                <div class="small-6 large-4 end columns cex-combobox">
                  <select class="js-duration ng-pristine ng-untouched ng-valid ng-empty" aria-label="Datepicker Duration Selection" data-ng-model="duration" data-ng-change="setActiveDuration(); closeDatePicker()"
                    data-ng-options="d.label for d in availableDurations track by d.id" data-combobox-readonly="" style="display: none;">
                    <option value="" selected="selected">no. of nts</option>
                  </select>
                  <div class="input-group"><input title="" type="text" placeholder="no. of nts" class="js-duration ui-autocomplete-input" autocomplete="off" readonly="">
                    <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
                  </div>
                  <ul id="ui-id-4" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
                </div>
              </div>
            </div>
          </div>
          <div class="datepicker-tooltip-itinerary tooltip">Select the start date for your cruise sailing to view all ports of call</div>
        </div>
      </div>
      <div class="columns small-12 medium-6 large-4 passenger-selector" data-ng-controller="PaxSelectorCtrl">
        <div class="input-group" data-toggle="pax_selector_dropdown--port" aria-controls="pax_selector_dropdown--port" data-is-focus="false" data-yeti-box="pax_selector_dropdown--port" aria-haspopup="true" aria-expanded="false">
          <input name="pax_adults" type="hidden" value="2" autocomplete="off">
          <input name="pax_children" type="hidden" value="0" autocomplete="off">
          <input name="pax_infants" type="hidden" value="0" autocomplete="off">
          <span class="input-group-label" data-ng-bind-template="2 Adults">2 Adults</span>
          <div class="input-group-button">
            <button type="button" class="button arrow down dropdown-trigger"></button>
          </div>
        </div>
        <div id="pax_selector_dropdown--port" class="dropdown-pane bottom" data-dropdown="vqdnvi-dropdown" data-close-on-click="true" data-closable="" data-v-offset="0" aria-hidden="true" data-yeti-box="pax_selector_dropdown--port"
          data-resize="pax_selector_dropdown--port" aria-labelledby="woyur8-dd-anchor">
          <div class="pax-selector" role="group" aria-label="Passenger selector">
            <div class="row bottom-margin-small">
              <div class="columns small-10 no-padding">
                <h4>Select your passengers</h4>
              </div>
              <div class="columns small-2 no-padding">
                <button type="button" class="button close icon-only outline float-right" aria-label="Close button" data-toggle="pax_selector_dropdown--port" aria-controls="pax_selector_dropdown--port" data-is-focus="false"
                  data-yeti-box="pax_selector_dropdown--port" aria-haspopup="true" aria-expanded="false"></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('adults')" type="button" class="button icon-only minus outline" aria-label="Reduce adult amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="2 Adults" data-ng-bind-template="2 Adults">2 Adults</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('adults')" type="button" class="button icon-only plus outline" aria-label="Increase adult amount by one."></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('children')" type="button" class="button icon-only minus outline" aria-label="Reduce child amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="0 Children" data-ng-bind-template="0 Children">0 Children</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('children')" type="button" class="button icon-only plus outline" aria-label="Increase child amount by one."></button>
              </div>
            </div>
            <div class="input-group">
              <div class="input-group-button">
                <button data-ng-click="decreaseCount('infants')" type="button" class="button icon-only minus outline" aria-label="Reduce infant amount by one."></button>
              </div>
              <div class="input-holder">
                <span class="input-group-label" tabindex="0" aria-label="0 Infants" data-ng-bind-template="0 Infants">0 Infants</span>
              </div>
              <div class="input-group-button">
                <button data-ng-click="increaseCount('infants')" type="button" class="button icon-only plus outline" aria-label="Increase infant amount by one."></button>
              </div>
            </div>
            <hr class="bottom-margin-small top-margin-medium">
            <dl>
              <dt tabindex="0">Children:</dt>
              <dd tabindex="0">2 to 14 years old</dd>
            </dl>
            <dl>
              <dt tabindex="0">Infants:</dt>
              <dd tabindex="0">Under 2 years old</dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="columns large-8 abta_image show-for-large">
      </div>
      <div class="columns small-12 large-4">
        <button aria-label="Search button" class="button primary expanded edge" data-ng-click="portForm($event)" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

Name: email_signup_form

<form name="email_signup_form" class="ng-pristine ng-valid">
  <div class="columns medium-4 large-5">
    <label for="email_signup">Email Address:</label>
    <input aria-label="Email sign up form" type="email" placeholder="Enter email address" class="required" id="email_signup" required="">
  </div>
  <div class="columns medium-3 large-2 end">
    <button class="button secondary expanded small edge show-for-medium" id="submit_additional_info">Submit</button>
    <button class="button secondary expanded small edge show-for-small-only" id="submit_thanks">Submit</button>
  </div>
</form>

Name: reset_password

<form name="reset_password" id="resetPassword" data-forgotten-password-url="https://www.cruisingexcursions.com/agent/ajax/reset-password" class="ng-pristine ng-valid">
  <button class="button icon-only outline close float-right small" data-close="" aria-label="Close modal" type="button"></button>
  <div class="columns medium-10 bottom-margin"> Please enter your email address to reset your password </div>
  <div class="columns medium-9">
    <label for="reset_email">Your email address:</label>
    <input class="required" aria-label="Please enter your email here to reset your password" id="reset_email" type="email" name="reset_email" placeholder="Email" required="">
    <span class="form-error">Email is a required field.</span>
  </div>
  <div class="columns medium-3">
    <button class="button expanded primary small" type="submit">Reset password</button>
  </div>
</form>

Name: enquiry_formPOST

<form name="enquiry_form" novalidate="" method="post" data-ng-controller="FormCtrl" data-target="https://www.cruisingexcursions.com/submit-enquiry"
  class="ng-pristine ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength ng-valid-email">
  <div class="row">
    <div class="columns small-8 medium-6">
      <span class="heading-h1">Enquiry form</span>
    </div>
    <div class="columns small-4 medium-6 bottom-margin">
      <button class="button small close outline icon-only float-right" data-close="" aria-label="Close modal" type="button"></button>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-6">
      <h2>Your details</h2>
    </div>
    <div class="columns medium-6">
      <div class="form-legend">
        <span></span> Fields with a marker are required.
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns large-2 medium-3 end cex-combobox">
      <label for="pass_title">Title:</label>
      <select class="cs-select cs-skin-border required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-label="Passenger title dropdown" id="pass_title" name="title" data-ng-model="title" required="" style="display: none;">
        <option value="" selected="">Title</option>
        <option value="Mr">Mr</option>
        <option value="Mrs">Mrs</option>
        <option value="Ms">Ms</option>
        <option value="Miss">Miss</option>
        <option value="Dr">Dr</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Title" class="cs-select cs-skin-border required ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-5" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <div data-ng-messages="enquiry_form.title.$error" data-ng-show="enquiry_form.title.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Please select a title</span>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-6">
      <label for="enquiry_first_name">First name:</label>
      <input class="required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength" aria-label="Please enter your first name here" id="enquiry_first_name" type="text" name="first_name"
        placeholder="First name" required="" data-cex-validate="" data-ng-model="first_name" data-field-type="name" minlength="2" maxlength="20" data-ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">
      <div data-ng-messages="enquiry_form.first_name.$error" data-ng-show="enquiry_form.first_name.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Please enter your first name.</span>
        <!---->
        <!---->
        <!---->
      </div>
      <label for="enquiry_surname">Surname:</label>
      <input class="required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength" aria-label="Please enter your surname here" id="enquiry_last_name" type="text" name="Surname" placeholder="Surname"
        required="" data-cex-validate="" data-ng-model="surname" data-field-type="name" minlength="2" maxlength="20" data-ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">
      <div data-ng-messages="enquiry_form.Surname.$error" data-ng-show="enquiry_form.Surname.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Please enter your surname.</span>
        <!---->
        <!---->
        <!---->
      </div>
    </div>
    <div class="columns medium-6">
      <label for="enquiry_email">Email address:</label>
      <input class="required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-email" aria-label="Please enter your email here" id="enquiry_email" type="email" name="email" placeholder="Email" required="required"
        data-ng-required="!phoneNumber.length" data-ng-class="{ 'required': !phoneNumber.length }" data-cex-validate="" data-ng-model="email" data-field-type="email_address"
        data-ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">
      <div data-ng-messages="enquiry_form.email.$error" data-ng-show="enquiry_form.email.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Email address is required if telephone number is not specified.</span>
        <!---->
        <!---->
      </div>
      <label for="enquiry_phone_number">Phone number:</label>
      <input class="required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-label="Please enter your phone number here" id="enquiry_phone_number" type="tel" name="phone_number" placeholder="Phone number" required="required"
        data-ng-required="!email.length" data-ng-class="{ 'required': !email.length }" data-cex-validate="" data-ng-model="phoneNumber" data-field-type="phone_number"
        data-ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">
      <div data-ng-messages="enquiry_form.phone_number.$error" data-ng-show="enquiry_form.phone_number.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Telephone number is required if email address is not specified.</span>
        <!---->
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <h2>Cruise details</h2>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-4 cex-combobox" data-ng-controller="CruiseLineCtrl">
      <label for="cruise_line_enquiry">Cruise line dropdown</label>
      <select class="cs-select cs-skin-border js-line  ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" name="cruise_line_enquiry" aria-label="Cruise Line Selector Drop Down" aria-required="true" data-target="#cruise_ship_enquiry"
        id="cruise_line_enquiry" required="" data-ng-model="cruiseLine" data-source="https://www.cruisingexcursions.com/search-form/cruise-lines" style="display: none;">
        <option value="" selected="">Type cruise line</option>
        <option value="1">Aida</option>
        <option value="57">Ambassador</option>
        <option value="4">Azamara Cruises</option>
        <option value="7">Carnival Cruise Lines</option>
        <option value="8">Celebrity Cruises</option>
        <option value="9">Celestyal Cruises</option>
        <option value="12">Costa Cruises</option>
        <option value="13">Croisieres De France</option>
        <option value="14">Cruise and Maritime Voyages</option>
        <option value="15">Crystal Cruises</option>
        <option value="16">Cunard Line</option>
        <option value="17">Disney Cruise Line</option>
        <option value="18">Fred Olsen Cruise Lines</option>
        <option value="19">Hapag Lloyd</option>
        <option value="20">Holland America</option>
        <option value="48">Marella Cruises</option>
        <option value="25">MSC Cruises</option>
        <option value="26">MV</option>
        <option value="28">Norwegian Cruise Line</option>
        <option value="29">Oceania Cruises</option>
        <option value="34">Phoenix Reisen</option>
        <option value="31">P &amp; O Cruises</option>
        <option value="32">P &amp; O Cruises Australia</option>
        <option value="36">Princess Cruises</option>
        <option value="37">Pullmantur Cruises</option>
        <option value="38">Regent Seven Seas Cruises</option>
        <option value="39">Royal Caribbean </option>
        <option value="40">Saga Cruises</option>
        <option value="41">Seabourn Cruise Line</option>
        <option value="42">SeaDream Yacht Club</option>
        <option value="43">Silversea Cruises</option>
        <option value="44">Star Clippers</option>
        <option value="46">Swan Hellenic</option>
        <option value="49">TUI Cruises</option>
        <option value="51">Viking Cruises</option>
        <option value="55">Virgin</option>
        <option value="53">Windstar Cruises</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Type cruise line" class="cs-select cs-skin-border js-line  ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required required ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <div data-ng-messages="enquiry_form.cruise_line_enquiry.$error" data-ng-show="enquiry_form.cruise_line_enquiry.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Please select a cruise line.</span>
      </div>
      <ul id="ui-id-22" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
    <div class="columns medium-4 cex-combobox" data-ng-controller="CruiseShipCtrl">
      <label for="cruise_ship_enquiry">Cruise ship dropdown</label>
      <select class="cs-select cs-skin-border js-ship ng-pristine ng-untouched ng-valid ng-empty" aria-label="Cruise Ship Selector Drop Down" name="cruise_ship_enquiry" aria-required="true" id="cruise_ship_enquiry" disabled="disabled"
        data-ng-model="cruiseShip" data-source="https://www.cruisingexcursions.com/search-form/cruise-ships" data-disable-options="true" style="display: none;">
        <option value="" selected="">Cruise Ship</option>
        <option value="255" data-cruise-line="31" disabled="disabled">Adonia</option>
        <option value="256" data-cruise-line="39" disabled="disabled">Adventure of the Seas</option>
        <option value="512" data-cruise-line="1" disabled="disabled">AIDAaura</option>
        <option value="513" data-cruise-line="1" disabled="disabled">AIDAbella</option>
        <option value="514" data-cruise-line="1" disabled="disabled">AIDAblu</option>
        <option value="515" data-cruise-line="1" disabled="disabled">AIDAcara</option>
        <option value="516" data-cruise-line="1" disabled="disabled">AIDAdiva</option>
        <option value="517" data-cruise-line="1" disabled="disabled">AIDAluna</option>
        <option value="529" data-cruise-line="1" disabled="disabled">AIDAmar</option>
        <option value="669" data-cruise-line="1" disabled="disabled">AIDAnova</option>
        <option value="606" data-cruise-line="1" disabled="disabled">AIDAprima</option>
        <option value="518" data-cruise-line="1" disabled="disabled">AIDAsol</option>
        <option value="538" data-cruise-line="1" disabled="disabled">AIDAstella</option>
        <option value="519" data-cruise-line="1" disabled="disabled">AIDAvita</option>
        <option value="534" data-cruise-line="34" disabled="disabled">Albatros</option>
        <option value="257" data-cruise-line="39" disabled="disabled">Allure of the Seas</option>
        <option value="535" data-cruise-line="34" disabled="disabled">Amadea</option>
        <option value="710" data-cruise-line="57" disabled="disabled">Ambassador Ambience</option>
        <option value="569" data-cruise-line="39" disabled="disabled">Anthem Of The Seas</option>
        <option value="266" data-cruise-line="31" disabled="disabled">Arcadia</option>
        <option value="536" data-cruise-line="34" disabled="disabled">Artania</option>
        <option value="701" data-cruise-line="31" disabled="disabled">Arvia</option>
        <option value="625" data-cruise-line="14" disabled="disabled">Astor</option>
        <option value="570" data-cruise-line="14" disabled="disabled">Astoria</option>
        <option value="270" data-cruise-line="31" disabled="disabled">Aurora</option>
        <option value="280" data-cruise-line="4" disabled="disabled">Azamara Journey</option>
        <option value="709" data-cruise-line="4" disabled="disabled">Azamara Onward</option>
        <option value="645" data-cruise-line="4" disabled="disabled">Azamara Pursuit</option>
        <option value="281" data-cruise-line="4" disabled="disabled">Azamara Quest</option>
        <option value="282" data-cruise-line="31" disabled="disabled">Azura</option>
        <option value="283" data-cruise-line="18" disabled="disabled">Balmoral</option>
        <option value="683" data-cruise-line="18" disabled="disabled">Bolette</option>
        <option value="684" data-cruise-line="18" disabled="disabled">Borealis</option>
        <option value="285" data-cruise-line="18" disabled="disabled">Boudicca</option>
        <option value="286" data-cruise-line="18" disabled="disabled">Braemar</option>
        <option value="287" data-cruise-line="39" disabled="disabled">Brilliance of the Seas</option>
        <option value="566" data-cruise-line="31" disabled="disabled">Britannia</option>
        <option value="288" data-cruise-line="36" disabled="disabled">Caribbean Princess</option>
        <option value="521" data-cruise-line="7" disabled="disabled">Carnival Breeze</option>
        <option value="698" data-cruise-line="7" disabled="disabled">Carnival Celebration</option>
        <option value="289" data-cruise-line="7" disabled="disabled">Carnival Conquest</option>
        <option value="291" data-cruise-line="7" disabled="disabled">Carnival Dream</option>
        <option value="292" data-cruise-line="7" disabled="disabled">Carnival Ecstasy</option>
        <option value="293" data-cruise-line="7" disabled="disabled">Carnival Elation</option>
        <option value="296" data-cruise-line="7" disabled="disabled">Carnival Freedom</option>
        <option value="297" data-cruise-line="7" disabled="disabled">Carnival Glory</option>
        <option value="626" data-cruise-line="7" disabled="disabled">Carnival Horizon</option>
        <option value="300" data-cruise-line="7" disabled="disabled">Carnival Legend</option>
        <option value="301" data-cruise-line="7" disabled="disabled">Carnival Liberty</option>
        <option value="302" data-cruise-line="7" disabled="disabled">Carnival Magic</option>
        <option value="671" data-cruise-line="7" disabled="disabled">Carnival Mardi Gras</option>
        <option value="303" data-cruise-line="7" disabled="disabled">Carnival Miracle</option>
        <option value="661" data-cruise-line="7" disabled="disabled">Carnival Panorama</option>
        <option value="304" data-cruise-line="7" disabled="disabled">Carnival Paradise</option>
        <option value="305" data-cruise-line="7" disabled="disabled">Carnival Pride</option>
        <option value="668" data-cruise-line="7" disabled="disabled">Carnival Radiance</option>
        <option value="306" data-cruise-line="7" disabled="disabled">Carnival Sensation</option>
        <option value="307" data-cruise-line="7" disabled="disabled">Carnival Spirit</option>
        <option value="308" data-cruise-line="7" disabled="disabled">Carnival Splendor</option>
        <option value="662" data-cruise-line="7" disabled="disabled">Carnival Sunrise</option>
        <option value="539" data-cruise-line="7" disabled="disabled">Carnival Sunshine</option>
        <option value="309" data-cruise-line="7" disabled="disabled">Carnival Triumph</option>
        <option value="310" data-cruise-line="7" disabled="disabled">Carnival Valor</option>
        <option value="311" data-cruise-line="7" disabled="disabled">Carnival Victory</option>
        <option value="585" data-cruise-line="7" disabled="disabled">Carnival Vista</option>
        <option value="664" data-cruise-line="8" disabled="disabled">Celebrity Apex</option>
        <option value="706" data-cruise-line="8" disabled="disabled">Celebrity Beyond</option>
        <option value="313" data-cruise-line="8" disabled="disabled">Celebrity Constellation</option>
        <option value="314" data-cruise-line="8" disabled="disabled">Celebrity Eclipse </option>
        <option value="631" data-cruise-line="8" disabled="disabled">Celebrity Edge</option>
        <option value="315" data-cruise-line="8" disabled="disabled">Celebrity Equinox </option>
        <option value="316" data-cruise-line="8" disabled="disabled">Celebrity Infinity</option>
        <option value="318" data-cruise-line="8" disabled="disabled">Celebrity Millennium</option>
        <option value="319" data-cruise-line="8" disabled="disabled">Celebrity Reflection</option>
        <option value="320" data-cruise-line="8" disabled="disabled">Celebrity Silhouette </option>
        <option value="321" data-cruise-line="8" disabled="disabled">Celebrity Solstice</option>
        <option value="322" data-cruise-line="8" disabled="disabled">Celebrity Summit</option>
        <option value="613" data-cruise-line="9" disabled="disabled">Celestyal Crystal</option>
        <option value="608" data-cruise-line="9" disabled="disabled">Celestyal Olympia</option>
        <option value="619" data-cruise-line="14" disabled="disabled">Columbus </option>
        <option value="325" data-cruise-line="36" disabled="disabled">Coral Princess</option>
        <option value="330" data-cruise-line="12" disabled="disabled">Costa Deliziosa</option>
        <option value="567" data-cruise-line="12" disabled="disabled">Costa Diadema</option>
        <option value="331" data-cruise-line="12" disabled="disabled">Costa Fascinosa</option>
        <option value="332" data-cruise-line="12" disabled="disabled">Costa Favolosa</option>
        <option value="333" data-cruise-line="12" disabled="disabled">Costa Fortuna</option>
        <option value="334" data-cruise-line="12" disabled="disabled">Costa Luminosa</option>
        <option value="335" data-cruise-line="12" disabled="disabled">Costa Magica</option>
        <option value="584" data-cruise-line="12" disabled="disabled">Costa neoClassica</option>
        <option value="561" data-cruise-line="12" disabled="disabled">Costa neoRiviera</option>
        <option value="338" data-cruise-line="12" disabled="disabled">Costa Pacifica</option>
        <option value="673" data-cruise-line="12" disabled="disabled">Costa Smeralda</option>
        <option value="658" data-cruise-line="12" disabled="disabled">Costa Venezia</option>
        <option value="342" data-cruise-line="36" disabled="disabled">Crown Princess</option>
        <option value="343" data-cruise-line="15" disabled="disabled">Crystal Serenity</option>
        <option value="344" data-cruise-line="15" disabled="disabled">Crystal Symphony</option>
        <option value="345" data-cruise-line="36" disabled="disabled">Dawn Princess</option>
        <option value="346" data-cruise-line="36" disabled="disabled">Diamond Princess</option>
        <option value="679" data-cruise-line="36" disabled="disabled">Discovery Princess</option>
        <option value="348" data-cruise-line="17" disabled="disabled">Disney Dream</option>
        <option value="349" data-cruise-line="17" disabled="disabled">Disney Fantasy</option>
        <option value="350" data-cruise-line="17" disabled="disabled">Disney Magic</option>
        <option value="705" data-cruise-line="17" disabled="disabled">Disney Wish</option>
        <option value="351" data-cruise-line="17" disabled="disabled">Disney Wonder</option>
        <option value="353" data-cruise-line="36" disabled="disabled">Emerald Princess</option>
        <option value="354" data-cruise-line="37" disabled="disabled">Empress</option>
        <option value="667" data-cruise-line="36" disabled="disabled">Enchanted Princess</option>
        <option value="355" data-cruise-line="39" disabled="disabled">Enchantment of the Seas</option>
        <option value="357" data-cruise-line="39" disabled="disabled">Explorer of the Seas</option>
        <option value="360" data-cruise-line="39" disabled="disabled">Freedom of the Seas</option>
        <option value="362" data-cruise-line="36" disabled="disabled">Golden Princess</option>
        <option value="364" data-cruise-line="39" disabled="disabled">Grandeur of the Seas</option>
        <option value="363" data-cruise-line="36" disabled="disabled">Grand Princess</option>
        <option value="587" data-cruise-line="39" disabled="disabled">Harmony of the Seas </option>
        <option value="356" data-cruise-line="20" disabled="disabled">Holland America Eurodam</option>
        <option value="586" data-cruise-line="20" disabled="disabled">Holland America Koningsdam</option>
        <option value="394" data-cruise-line="20" disabled="disabled">Holland America Nieuw Amsterdam</option>
        <option value="650" data-cruise-line="20" disabled="disabled">Holland America Nieuw Statendam</option>
        <option value="395" data-cruise-line="20" disabled="disabled">Holland America Noordam</option>
        <option value="413" data-cruise-line="20" disabled="disabled">Holland America Oosterdam</option>
        <option value="429" data-cruise-line="20" disabled="disabled">Holland America Prinsendam</option>
        <option value="697" data-cruise-line="20" disabled="disabled">Holland America Rotterdam</option>
        <option value="500" data-cruise-line="20" disabled="disabled">Holland America Volendam</option>
        <option value="502" data-cruise-line="20" disabled="disabled">Holland America Westerdam</option>
        <option value="507" data-cruise-line="20" disabled="disabled">Holland America Zaandam</option>
        <option value="509" data-cruise-line="20" disabled="disabled">Holland America Zuiderdam</option>
        <option value="365" data-cruise-line="37" disabled="disabled">Horizon</option>
        <option value="609" data-cruise-line="13" disabled="disabled">Horizon (CDF)</option>
        <option value="366" data-cruise-line="39" disabled="disabled">Independence of the Seas </option>
        <option value="367" data-cruise-line="29" disabled="disabled">Insignia</option>
        <option value="663" data-cruise-line="31" disabled="disabled">Iona</option>
        <option value="369" data-cruise-line="36" disabled="disabled">Island Princess</option>
        <option value="371" data-cruise-line="39" disabled="disabled">Jewel of the Seas</option>
        <option value="378" data-cruise-line="39" disabled="disabled">Legend of the Seas</option>
        <option value="379" data-cruise-line="39" disabled="disabled">Liberty of the Seas</option>
        <option value="580" data-cruise-line="14" disabled="disabled">Magellan</option>
        <option value="621" data-cruise-line="36" disabled="disabled">Majestic Princess</option>
        <option value="384" data-cruise-line="14" disabled="disabled">Marco Polo</option>
        <option value="594" data-cruise-line="48" disabled="disabled">Marella Discovery</option>
        <option value="624" data-cruise-line="48" disabled="disabled">Marella Discovery 2</option>
        <option value="638" data-cruise-line="48" disabled="disabled">Marella Explorer</option>
        <option value="652" data-cruise-line="48" disabled="disabled">Marella Explorer 2</option>
        <option value="559" data-cruise-line="48" disabled="disabled">Marella Majesty</option>
        <option value="555" data-cruise-line="48" disabled="disabled">Marella Spirit</option>
        <option value="385" data-cruise-line="29" disabled="disabled">Marina</option>
        <option value="386" data-cruise-line="39" disabled="disabled">Mariner of the Seas</option>
        <option value="548" data-cruise-line="49" disabled="disabled">Mein Schiff 1</option>
        <option value="549" data-cruise-line="49" disabled="disabled">Mein Schiff 2</option>
        <option value="550" data-cruise-line="49" disabled="disabled">Mein Schiff 3</option>
        <option value="589" data-cruise-line="49" disabled="disabled">Mein Schiff 4</option>
        <option value="603" data-cruise-line="49" disabled="disabled">Mein Schiff 5</option>
        <option value="571" data-cruise-line="37" disabled="disabled">Monarch</option>
        <option value="268" data-cruise-line="25" disabled="disabled">MSC Armonia</option>
        <option value="643" data-cruise-line="25" disabled="disabled">MSC Bellissima</option>
        <option value="526" data-cruise-line="25" disabled="disabled">MSC Divina</option>
        <option value="358" data-cruise-line="25" disabled="disabled">MSC Fantasia</option>
        <option value="647" data-cruise-line="25" disabled="disabled">MSC Grandiosa</option>
        <option value="380" data-cruise-line="25" disabled="disabled">MSC Lirica</option>
        <option value="382" data-cruise-line="25" disabled="disabled">MSC Magnifica</option>
        <option value="610" data-cruise-line="25" disabled="disabled">MSC Meraviglia</option>
        <option value="390" data-cruise-line="25" disabled="disabled">MSC Musica</option>
        <option value="414" data-cruise-line="25" disabled="disabled">MSC Opera</option>
        <option value="415" data-cruise-line="25" disabled="disabled">MSC Orchestra</option>
        <option value="426" data-cruise-line="25" disabled="disabled">MSC Poesia</option>
        <option value="546" data-cruise-line="25" disabled="disabled">MSC Preziosa</option>
        <option value="674" data-cruise-line="25" disabled="disabled">MSC Seashore</option>
        <option value="617" data-cruise-line="25" disabled="disabled">MSC Seaside</option>
        <option value="629" data-cruise-line="25" disabled="disabled">MSC Seaview</option>
        <option value="477" data-cruise-line="25" disabled="disabled">MSC Sinfonia</option>
        <option value="479" data-cruise-line="25" disabled="disabled">MSC Splendida</option>
        <option value="666" data-cruise-line="25" disabled="disabled">MSC Virtuosa</option>
        <option value="708" data-cruise-line="25" disabled="disabled">MSC World Europa</option>
        <option value="552" data-cruise-line="19" disabled="disabled">ms Europa</option>
        <option value="553" data-cruise-line="19" disabled="disabled">ms Europa 2</option>
        <option value="627" data-cruise-line="20" disabled="disabled">ms Oosterdam</option>
        <option value="541" data-cruise-line="26" disabled="disabled">MV Aegean Odyssey</option>
        <option value="575" data-cruise-line="46" disabled="disabled">mv Minerva</option>
        <option value="540" data-cruise-line="26" disabled="disabled">MV Voyager</option>
        <option value="392" data-cruise-line="29" disabled="disabled">Nautica</option>
        <option value="393" data-cruise-line="39" disabled="disabled">Navigator of the Seas </option>
        <option value="630" data-cruise-line="28" disabled="disabled">Norwegian Bliss</option>
        <option value="531" data-cruise-line="28" disabled="disabled">Norwegian Breakaway</option>
        <option value="398" data-cruise-line="28" disabled="disabled">Norwegian Dawn</option>
        <option value="660" data-cruise-line="28" disabled="disabled">Norwegian Encore</option>
        <option value="399" data-cruise-line="28" disabled="disabled">Norwegian Epic</option>
        <option value="591" data-cruise-line="28" disabled="disabled">Norwegian Escape</option>
        <option value="400" data-cruise-line="28" disabled="disabled">Norwegian Gem</option>
        <option value="562" data-cruise-line="28" disabled="disabled">Norwegian Getaway</option>
        <option value="401" data-cruise-line="28" disabled="disabled">Norwegian Jade </option>
        <option value="402" data-cruise-line="28" disabled="disabled">Norwegian Jewel</option>
        <option value="659" data-cruise-line="28" disabled="disabled">Norwegian Joy</option>
        <option value="403" data-cruise-line="28" disabled="disabled">Norwegian Pearl</option>
        <option value="707" data-cruise-line="28" disabled="disabled">Norwegian Prima</option>
        <option value="404" data-cruise-line="28" disabled="disabled">Norwegian Sky</option>
        <option value="405" data-cruise-line="28" disabled="disabled">Norwegian Spirit </option>
        <option value="406" data-cruise-line="28" disabled="disabled">Norwegian Star</option>
        <option value="407" data-cruise-line="28" disabled="disabled">Norwegian Sun</option>
        <option value="408" data-cruise-line="39" disabled="disabled">Oasis of the Seas</option>
        <option value="675" data-cruise-line="39" disabled="disabled">Odyssey of the Seas</option>
        <option value="417" data-cruise-line="31" disabled="disabled">Oriana</option>
        <option value="590" data-cruise-line="39" disabled="disabled">Ovation of the Seas</option>
        <option value="611" data-cruise-line="32" disabled="disabled">Pacific Eden</option>
        <option value="642" data-cruise-line="31" disabled="disabled">Pacific Explorer</option>
        <option value="421" data-cruise-line="32" disabled="disabled">Pacific Jewel</option>
        <option value="422" data-cruise-line="32" disabled="disabled">Pacific Pearl</option>
        <option value="427" data-cruise-line="28" disabled="disabled">Pride of America</option>
        <option value="563" data-cruise-line="39" disabled="disabled">Quantum Of The Seas</option>
        <option value="430" data-cruise-line="16" disabled="disabled">Queen Elizabeth</option>
        <option value="431" data-cruise-line="16" disabled="disabled">Queen Mary 2</option>
        <option value="432" data-cruise-line="16" disabled="disabled">Queen Victoria</option>
        <option value="434" data-cruise-line="39" disabled="disabled">Radiance of the Seas</option>
        <option value="560" data-cruise-line="36" disabled="disabled">Regal Princess</option>
        <option value="435" data-cruise-line="29" disabled="disabled">Regatta</option>
        <option value="702" data-cruise-line="55" disabled="disabled">Resilient Lady</option>
        <option value="437" data-cruise-line="39" disabled="disabled">Rhapsody of the Seas</option>
        <option value="528" data-cruise-line="29" disabled="disabled">Riviera</option>
        <option value="576" data-cruise-line="44" disabled="disabled">Royal Clipper</option>
        <option value="450" data-cruise-line="36" disabled="disabled">Royal Princess</option>
        <option value="451" data-cruise-line="36" disabled="disabled">Ruby Princess</option>
        <option value="453" data-cruise-line="40" disabled="disabled">Saga Pearl II</option>
        <option value="457" data-cruise-line="36" disabled="disabled">Sapphire Princess</option>
        <option value="676" data-cruise-line="55" disabled="disabled">Scarlet Lady</option>
        <option value="602" data-cruise-line="41" disabled="disabled">Seabourn Encore</option>
        <option value="460" data-cruise-line="41" disabled="disabled">Seabourn Odyssey</option>
        <option value="644" data-cruise-line="41" disabled="disabled">Seabourn Ovation</option>
        <option value="462" data-cruise-line="41" disabled="disabled">Seabourn Quest</option>
        <option value="463" data-cruise-line="41" disabled="disabled">Seabourn Sojourn</option>
        <option value="601" data-cruise-line="42" disabled="disabled">SeaDream I</option>
        <option value="600" data-cruise-line="42" disabled="disabled">SeaDream II</option>
        <option value="467" data-cruise-line="39" disabled="disabled">Serenade of the Seas</option>
        <option value="612" data-cruise-line="38" disabled="disabled">Seven Seas Explorer</option>
        <option value="572" data-cruise-line="38" disabled="disabled">Seven Seas Mariner</option>
        <option value="573" data-cruise-line="38" disabled="disabled">Seven Seas Navigator</option>
        <option value="677" data-cruise-line="38" disabled="disabled">Seven Seas Splendor</option>
        <option value="574" data-cruise-line="38" disabled="disabled">Seven Seas Voyager</option>
        <option value="471" data-cruise-line="43" disabled="disabled">Silver Cloud</option>
        <option value="700" data-cruise-line="43" disabled="disabled">Silver Dawn</option>
        <option value="639" data-cruise-line="43" disabled="disabled">Silver Muse</option>
        <option value="473" data-cruise-line="43" disabled="disabled">Silver Shadow</option>
        <option value="474" data-cruise-line="43" disabled="disabled">Silver Spirit</option>
        <option value="475" data-cruise-line="43" disabled="disabled">Silver Whisper</option>
        <option value="476" data-cruise-line="43" disabled="disabled">Silver Wind</option>
        <option value="614" data-cruise-line="29" disabled="disabled">Sirena</option>
        <option value="646" data-cruise-line="36" disabled="disabled">Sky Princess</option>
        <option value="478" data-cruise-line="37" disabled="disabled">Sovereign</option>
        <option value="656" data-cruise-line="39" disabled="disabled">Spectrum Of The Seas</option>
        <option value="681" data-cruise-line="40" disabled="disabled">Spirit Of Adventure</option>
        <option value="672" data-cruise-line="40" disabled="disabled">Spirit of Discovery</option>
        <option value="605" data-cruise-line="53" disabled="disabled">Star Breeze</option>
        <option value="564" data-cruise-line="44" disabled="disabled">Star Clipper</option>
        <option value="565" data-cruise-line="44" disabled="disabled">Star Flyer</option>
        <option value="592" data-cruise-line="53" disabled="disabled">Star Legend</option>
        <option value="547" data-cruise-line="53" disabled="disabled">Star Pride</option>
        <option value="483" data-cruise-line="36" disabled="disabled">Star Princess</option>
        <option value="628" data-cruise-line="39" disabled="disabled">Symphony of the Seas</option>
        <option value="682" data-cruise-line="55" disabled="disabled">Valiant Lady</option>
        <option value="657" data-cruise-line="14" disabled="disabled">Vasco da Gama</option>
        <option value="496" data-cruise-line="31" disabled="disabled">Ventura</option>
        <option value="654" data-cruise-line="51" disabled="disabled">Viking Jupiter</option>
        <option value="653" data-cruise-line="51" disabled="disabled">Viking Orion</option>
        <option value="604" data-cruise-line="51" disabled="disabled">Viking Sea</option>
        <option value="599" data-cruise-line="51" disabled="disabled">Viking Sky</option>
        <option value="583" data-cruise-line="51" disabled="disabled">Viking Star</option>
        <option value="655" data-cruise-line="51" disabled="disabled">Viking Sun</option>
        <option value="696" data-cruise-line="51" disabled="disabled">Viking Venus</option>
        <option value="499" data-cruise-line="39" disabled="disabled">Vision of the Seas</option>
        <option value="501" data-cruise-line="39" disabled="disabled">Voyager of the Seas</option>
        <option value="503" data-cruise-line="53" disabled="disabled">Wind Spirit</option>
        <option value="505" data-cruise-line="53" disabled="disabled">Wind Star</option>
        <option value="506" data-cruise-line="53" disabled="disabled">Wind Surf</option>
        <option value="678" data-cruise-line="39" disabled="disabled">Wonder of the Seas</option>
        <option value="508" data-cruise-line="37" disabled="disabled">Zenith</option>
        <option value="615" data-cruise-line="13" disabled="disabled">Zenith (CDF)</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Cruise Ship" class="cs-select cs-skin-border js-ship ng-pristine ng-untouched ng-valid ng-empty ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-28" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
    <div id="enquiry_datepicker" class="columns medium-4 searchform-datepicker" data-ng-controller="SearchFormDatePickerCtrl" data-duration="false" data-type="port" data-force-date="false" data-datepicker-display="#enquiry--date-duration">
      <label for="date_duration_4">Date and Duration:</label>
      <div class="input-group" data-ng-click="openDatePicker($event)">
        <div class="hide" data-toggle="enquiry--date-duration" aria-controls="enquiry--date-duration" data-is-focus="false" data-yeti-box="enquiry--date-duration" aria-haspopup="true" aria-expanded="false"></div>
        <input name="date" type="hidden" value="" autocomplete="off">
        <span class="input-group-label" tabindex="0" aria-label="Date Selection" data-ng-bind-template="Date Selection">Date Selection</span>
        <div class="input-group-button">
          <button type="button" class="button calendar dropdown-trigger" aria-label="Search Form Datepicker Dropdown"></button>
        </div>
      </div>
      <div id="enquiry--date-duration" class="dropdown-pane bottom additional-datepicker" data-dropdown="d4pwd3-dropdown" data-v-offset="0" data-closable="" data-close-on-click="true" aria-hidden="true" data-yeti-box="enquiry--date-duration"
        data-resize="enquiry--date-duration" aria-labelledby="nnfcu2-dd-anchor">
        <div class="datepicker">
          <div class="row controls">
            <div class="columns small-4">
              <button data-ng-show="durationEnabled &amp;&amp; showDuration" type="button" class="button arrow outline small float-left reverse ng-hide" aria-label="Back to date selection" data-ng-click="backToDateSelection()">Back</button>
            </div>
            <div class="columns small-6 no-padding text-center">
              <p data-ng-show="durationEnabled &amp;&amp; showDuration" class="duration-heading ng-hide" data-ng-bind-html="getDateSelectionLabel()">Date Selection</p>
            </div>
            <div class="columns small-2">
              <button type="button" class="button close icon-only outline small float-right js-date-close" aria-label="Close button" data-close=""></button>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-12 columns">
              <p class="duration-heading">Please select a date</p>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-2 large-1 columns">
              <button type="button" data-ng-click="prev()" class="button icon-only arrow left outline float-left"></button>
            </div>
            <div class="small-8 large-5 columns">
              <p class="month-heading" data-ng-bind="getCurrentMonthHeading()">January 2022</p>
            </div>
            <div class="show-for-large large-5 columns">
              <p class="month-heading" data-ng-bind="getNextMonthHeading()">February 2022</p>
            </div>
            <div class="small-2 large-1 columns">
              <button type="button" data-ng-click="next()" class="button icon-only arrow outline float-right"></button>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-12 large-6 columns">
              <table class="table">
                <thead>
                  <tr>
                    <th aria-label="Monday, January 2022">Mon</th>
                    <th aria-label="Tuesday, January 2022">Tue</th>
                    <th aria-label="Wednesday, January 2022">Wed</th>
                    <th aria-label="Thursday, January 2022">Thu</th>
                    <th aria-label="Friday, January 2022">Fri</th>
                    <th aria-label="Saturday, January 2022">Sat</th>
                    <th aria-label="Sunday, January 2022">Sun</th>
                  </tr>
                </thead>
                <tbody>
                  <!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 29 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 30 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 31 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                  </tr><!---->
                </tbody>
              </table>
            </div>
            <div class="show-for-large large-6 columns">
              <table class="table">
                <thead>
                  <tr>
                    <th aria-label="Monday, February 2022">Mon</th>
                    <th aria-label="Tuesday February 2022">Tue</th>
                    <th aria-label="Wednesday, February 2022">Wed</th>
                    <th aria-label="Thursday, February 2022">Thu</th>
                    <th aria-label="Friday, February 2022">Fri</th>
                    <th aria-label="Saturday, February 2022">Sat</th>
                    <th aria-label="Sunday, February 2022">Sun</th>
                  </tr>
                </thead>
                <tbody>
                  <!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                  </tr><!---->
                </tbody>
              </table>
            </div>
          </div>
          <div data-ng-show="durationEnabled &amp;&amp; showDuration" class="ng-hide">
            <div class="row">
              <div class="small-6 large-6 columns">
                <p class="duration-heading show-for-medium">Select cruise duration</p>
                <p class="duration-heading show-for-small-only">Duration</p>
              </div>
              <div class="small-6 large-4 end columns cex-combobox">
                <select class="js-duration ng-pristine ng-untouched ng-valid ng-empty" aria-label="Datepicker Duration Selection" data-ng-model="duration" data-ng-change="setActiveDuration(); closeDatePicker()"
                  data-ng-options="d.label for d in availableDurations track by d.id" data-combobox-readonly="" style="display: none;">
                  <option value="" selected="selected">no. of nts</option>
                </select>
                <div class="input-group"><input title="" type="text" placeholder="no. of nts" class="js-duration ui-autocomplete-input" autocomplete="off" readonly="">
                  <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
                </div>
                <ul id="ui-id-8" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="datepicker-tooltip-itinerary tooltip">Select the start date for your cruise sailing to view all ports of call</div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <h2>Your enquiry</h2>
    </div>
  </div>
  <div class="row">
    <div class="columns large-4 medium-5 end cex-combobox">
      <label for="your_enquiry">Reason for enquiry:</label>
      <select class="cs-select cs-skin-border ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-label="Reason for enquiry" id="your_enquiry" name="reason_of_enquiry" data-ng-model="enquiryReason" required=""
        style="display: none;">
        <option value="" selected="">Reason for enquiry</option>
        <option value="Sales Enquiry">Sales Enquiry</option>
        <option value="General Enquiry">General Enquiry</option>
        <option value="Request a call back">Request a call back</option>
        <option value="Tailormade / private tours">Tailormade / private tours</option>
        <option value="Group Bookings">Group Bookings</option>
        <option value="Amend a booking">Amend a booking</option>
        <option value="Cannot find cruise ship/itinerary">Cannot find cruise ship/itinerary</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Reason for enquiry" class="cs-select cs-skin-border required ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-9" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <div data-ng-messages="enquiry_form.reason_of_enquiry.$error" data-ng-show="enquiry_form.reason_of_enquiry.$dirty" role="alert" class="ng-active ng-hide">
        <!----><span class="form-error is-visible" data-ng-message="required">Please select a reason for your enquiry.</span>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <textarea name="enquiry_message" class="enquiry_textarea" rows="4" cols="50" placeholder="Enter enquiry details here..."></textarea>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-4 end">
      <button type="submit" id="submit_enquiry" class="button secondary" data-ng-click="validate($event, enquiry_form)"> Submit enquiry </button>
    </div>
    <div class="columns medium-8">
      <h2 id="enquiry_response"></h2>
    </div>
  </div>
</form>

<form id="additionalInformation" data-signup-url="https://www.cruisingexcursions.com/signup" class="ng-pristine ng-valid">
  <div class="row">
    <div class="columns medium-4 cex-combobox">
      <label for="add_pass_title">Title:</label>
      <select class="cs-select cs-skin-border" aria-label="Passenger title dropdown" id="add_pass_title" name="title" style="display: none;">
        <option value="" selected="">Title</option>
        <option value="Mr">Mr</option>
        <option value="Mrs">Mrs</option>
        <option value="Ms">Ms</option>
        <option value="Miss">Miss</option>
        <option value="Dr">Dr</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Title" class="cs-select cs-skin-border ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-10" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
    <div class="columns medium-4">
      <label for="add_first_name">First name:</label>
      <input aria-label="Please enter your first name here" id="add_first_name" type="text" name="first_name" placeholder="First name">
    </div>
    <div class="columns medium-4">
      <label for="add_surname">Surname:</label>
      <input aria-label="Please enter your surname here" id="add_surname" type="text" name="surname" placeholder="Surname">
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12 large-8 no-padding" data-ng-controller="SearchFormCtrl">
      <div class="row">
        <div class="columns medium-12 large-6 cex-combobox" data-ng-controller="CruiseLineCtrl">
          <label for="cruise_line_2">Cruise line:</label>
          <select class="cs-select cs-skin-border ng-pristine ng-untouched ng-valid ng-empty" aria-label="Cruise Line Selector Drop Down" id="cruise_line_2" data-target="#cruise_ship_2" name="cruise_line" data-ng-model="cruiseLine"
            data-source="https://www.cruisingexcursions.com/search-form/cruise-lines" style="display: none;">
            <option value="" selected="">Type cruise line</option>
            <option value="1">Aida</option>
            <option value="57">Ambassador</option>
            <option value="4">Azamara Cruises</option>
            <option value="7">Carnival Cruise Lines</option>
            <option value="8">Celebrity Cruises</option>
            <option value="9">Celestyal Cruises</option>
            <option value="12">Costa Cruises</option>
            <option value="13">Croisieres De France</option>
            <option value="14">Cruise and Maritime Voyages</option>
            <option value="15">Crystal Cruises</option>
            <option value="16">Cunard Line</option>
            <option value="17">Disney Cruise Line</option>
            <option value="18">Fred Olsen Cruise Lines</option>
            <option value="19">Hapag Lloyd</option>
            <option value="20">Holland America</option>
            <option value="48">Marella Cruises</option>
            <option value="25">MSC Cruises</option>
            <option value="26">MV</option>
            <option value="28">Norwegian Cruise Line</option>
            <option value="29">Oceania Cruises</option>
            <option value="34">Phoenix Reisen</option>
            <option value="31">P &amp; O Cruises</option>
            <option value="32">P &amp; O Cruises Australia</option>
            <option value="36">Princess Cruises</option>
            <option value="37">Pullmantur Cruises</option>
            <option value="38">Regent Seven Seas Cruises</option>
            <option value="39">Royal Caribbean </option>
            <option value="40">Saga Cruises</option>
            <option value="41">Seabourn Cruise Line</option>
            <option value="42">SeaDream Yacht Club</option>
            <option value="43">Silversea Cruises</option>
            <option value="44">Star Clippers</option>
            <option value="46">Swan Hellenic</option>
            <option value="49">TUI Cruises</option>
            <option value="51">Viking Cruises</option>
            <option value="55">Virgin</option>
            <option value="53">Windstar Cruises</option>
          </select>
          <div class="input-group"><input title="" type="text" placeholder="Type cruise line" class="cs-select cs-skin-border ng-pristine ng-untouched ng-valid ng-empty ui-autocomplete-input" autocomplete="off">
            <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
          </div>
          <ul id="ui-id-24" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
        </div>
        <div class="columns medium-12 large-6 cex-combobox" data-ng-controller="CruiseShipCtrl">
          <label for="cruise_ship_2">Cruise ship:</label>
          <select class="cs-select cs-skin-border ng-pristine ng-untouched ng-valid ng-empty" aria-label="Cruise Ship Selector Drop Down" id="cruise_ship_2" name="cruise_ship" data-ng-model="cruiseShip"
            data-source="https://www.cruisingexcursions.com/search-form/cruise-ships" data-disable-options="true" style="display: none;">
            <option value="" selected="">Cruise Ship</option>
            <option value="255" data-cruise-line="31" disabled="disabled">Adonia</option>
            <option value="256" data-cruise-line="39" disabled="disabled">Adventure of the Seas</option>
            <option value="512" data-cruise-line="1" disabled="disabled">AIDAaura</option>
            <option value="513" data-cruise-line="1" disabled="disabled">AIDAbella</option>
            <option value="514" data-cruise-line="1" disabled="disabled">AIDAblu</option>
            <option value="515" data-cruise-line="1" disabled="disabled">AIDAcara</option>
            <option value="516" data-cruise-line="1" disabled="disabled">AIDAdiva</option>
            <option value="517" data-cruise-line="1" disabled="disabled">AIDAluna</option>
            <option value="529" data-cruise-line="1" disabled="disabled">AIDAmar</option>
            <option value="669" data-cruise-line="1" disabled="disabled">AIDAnova</option>
            <option value="606" data-cruise-line="1" disabled="disabled">AIDAprima</option>
            <option value="518" data-cruise-line="1" disabled="disabled">AIDAsol</option>
            <option value="538" data-cruise-line="1" disabled="disabled">AIDAstella</option>
            <option value="519" data-cruise-line="1" disabled="disabled">AIDAvita</option>
            <option value="534" data-cruise-line="34" disabled="disabled">Albatros</option>
            <option value="257" data-cruise-line="39" disabled="disabled">Allure of the Seas</option>
            <option value="535" data-cruise-line="34" disabled="disabled">Amadea</option>
            <option value="710" data-cruise-line="57" disabled="disabled">Ambassador Ambience</option>
            <option value="569" data-cruise-line="39" disabled="disabled">Anthem Of The Seas</option>
            <option value="266" data-cruise-line="31" disabled="disabled">Arcadia</option>
            <option value="536" data-cruise-line="34" disabled="disabled">Artania</option>
            <option value="701" data-cruise-line="31" disabled="disabled">Arvia</option>
            <option value="625" data-cruise-line="14" disabled="disabled">Astor</option>
            <option value="570" data-cruise-line="14" disabled="disabled">Astoria</option>
            <option value="270" data-cruise-line="31" disabled="disabled">Aurora</option>
            <option value="280" data-cruise-line="4" disabled="disabled">Azamara Journey</option>
            <option value="709" data-cruise-line="4" disabled="disabled">Azamara Onward</option>
            <option value="645" data-cruise-line="4" disabled="disabled">Azamara Pursuit</option>
            <option value="281" data-cruise-line="4" disabled="disabled">Azamara Quest</option>
            <option value="282" data-cruise-line="31" disabled="disabled">Azura</option>
            <option value="283" data-cruise-line="18" disabled="disabled">Balmoral</option>
            <option value="683" data-cruise-line="18" disabled="disabled">Bolette</option>
            <option value="684" data-cruise-line="18" disabled="disabled">Borealis</option>
            <option value="285" data-cruise-line="18" disabled="disabled">Boudicca</option>
            <option value="286" data-cruise-line="18" disabled="disabled">Braemar</option>
            <option value="287" data-cruise-line="39" disabled="disabled">Brilliance of the Seas</option>
            <option value="566" data-cruise-line="31" disabled="disabled">Britannia</option>
            <option value="288" data-cruise-line="36" disabled="disabled">Caribbean Princess</option>
            <option value="521" data-cruise-line="7" disabled="disabled">Carnival Breeze</option>
            <option value="698" data-cruise-line="7" disabled="disabled">Carnival Celebration</option>
            <option value="289" data-cruise-line="7" disabled="disabled">Carnival Conquest</option>
            <option value="291" data-cruise-line="7" disabled="disabled">Carnival Dream</option>
            <option value="292" data-cruise-line="7" disabled="disabled">Carnival Ecstasy</option>
            <option value="293" data-cruise-line="7" disabled="disabled">Carnival Elation</option>
            <option value="296" data-cruise-line="7" disabled="disabled">Carnival Freedom</option>
            <option value="297" data-cruise-line="7" disabled="disabled">Carnival Glory</option>
            <option value="626" data-cruise-line="7" disabled="disabled">Carnival Horizon</option>
            <option value="300" data-cruise-line="7" disabled="disabled">Carnival Legend</option>
            <option value="301" data-cruise-line="7" disabled="disabled">Carnival Liberty</option>
            <option value="302" data-cruise-line="7" disabled="disabled">Carnival Magic</option>
            <option value="671" data-cruise-line="7" disabled="disabled">Carnival Mardi Gras</option>
            <option value="303" data-cruise-line="7" disabled="disabled">Carnival Miracle</option>
            <option value="661" data-cruise-line="7" disabled="disabled">Carnival Panorama</option>
            <option value="304" data-cruise-line="7" disabled="disabled">Carnival Paradise</option>
            <option value="305" data-cruise-line="7" disabled="disabled">Carnival Pride</option>
            <option value="668" data-cruise-line="7" disabled="disabled">Carnival Radiance</option>
            <option value="306" data-cruise-line="7" disabled="disabled">Carnival Sensation</option>
            <option value="307" data-cruise-line="7" disabled="disabled">Carnival Spirit</option>
            <option value="308" data-cruise-line="7" disabled="disabled">Carnival Splendor</option>
            <option value="662" data-cruise-line="7" disabled="disabled">Carnival Sunrise</option>
            <option value="539" data-cruise-line="7" disabled="disabled">Carnival Sunshine</option>
            <option value="309" data-cruise-line="7" disabled="disabled">Carnival Triumph</option>
            <option value="310" data-cruise-line="7" disabled="disabled">Carnival Valor</option>
            <option value="311" data-cruise-line="7" disabled="disabled">Carnival Victory</option>
            <option value="585" data-cruise-line="7" disabled="disabled">Carnival Vista</option>
            <option value="664" data-cruise-line="8" disabled="disabled">Celebrity Apex</option>
            <option value="706" data-cruise-line="8" disabled="disabled">Celebrity Beyond</option>
            <option value="313" data-cruise-line="8" disabled="disabled">Celebrity Constellation</option>
            <option value="314" data-cruise-line="8" disabled="disabled">Celebrity Eclipse </option>
            <option value="631" data-cruise-line="8" disabled="disabled">Celebrity Edge</option>
            <option value="315" data-cruise-line="8" disabled="disabled">Celebrity Equinox </option>
            <option value="316" data-cruise-line="8" disabled="disabled">Celebrity Infinity</option>
            <option value="318" data-cruise-line="8" disabled="disabled">Celebrity Millennium</option>
            <option value="319" data-cruise-line="8" disabled="disabled">Celebrity Reflection</option>
            <option value="320" data-cruise-line="8" disabled="disabled">Celebrity Silhouette </option>
            <option value="321" data-cruise-line="8" disabled="disabled">Celebrity Solstice</option>
            <option value="322" data-cruise-line="8" disabled="disabled">Celebrity Summit</option>
            <option value="613" data-cruise-line="9" disabled="disabled">Celestyal Crystal</option>
            <option value="608" data-cruise-line="9" disabled="disabled">Celestyal Olympia</option>
            <option value="619" data-cruise-line="14" disabled="disabled">Columbus </option>
            <option value="325" data-cruise-line="36" disabled="disabled">Coral Princess</option>
            <option value="330" data-cruise-line="12" disabled="disabled">Costa Deliziosa</option>
            <option value="567" data-cruise-line="12" disabled="disabled">Costa Diadema</option>
            <option value="331" data-cruise-line="12" disabled="disabled">Costa Fascinosa</option>
            <option value="332" data-cruise-line="12" disabled="disabled">Costa Favolosa</option>
            <option value="333" data-cruise-line="12" disabled="disabled">Costa Fortuna</option>
            <option value="334" data-cruise-line="12" disabled="disabled">Costa Luminosa</option>
            <option value="335" data-cruise-line="12" disabled="disabled">Costa Magica</option>
            <option value="584" data-cruise-line="12" disabled="disabled">Costa neoClassica</option>
            <option value="561" data-cruise-line="12" disabled="disabled">Costa neoRiviera</option>
            <option value="338" data-cruise-line="12" disabled="disabled">Costa Pacifica</option>
            <option value="673" data-cruise-line="12" disabled="disabled">Costa Smeralda</option>
            <option value="658" data-cruise-line="12" disabled="disabled">Costa Venezia</option>
            <option value="342" data-cruise-line="36" disabled="disabled">Crown Princess</option>
            <option value="343" data-cruise-line="15" disabled="disabled">Crystal Serenity</option>
            <option value="344" data-cruise-line="15" disabled="disabled">Crystal Symphony</option>
            <option value="345" data-cruise-line="36" disabled="disabled">Dawn Princess</option>
            <option value="346" data-cruise-line="36" disabled="disabled">Diamond Princess</option>
            <option value="679" data-cruise-line="36" disabled="disabled">Discovery Princess</option>
            <option value="348" data-cruise-line="17" disabled="disabled">Disney Dream</option>
            <option value="349" data-cruise-line="17" disabled="disabled">Disney Fantasy</option>
            <option value="350" data-cruise-line="17" disabled="disabled">Disney Magic</option>
            <option value="705" data-cruise-line="17" disabled="disabled">Disney Wish</option>
            <option value="351" data-cruise-line="17" disabled="disabled">Disney Wonder</option>
            <option value="353" data-cruise-line="36" disabled="disabled">Emerald Princess</option>
            <option value="354" data-cruise-line="37" disabled="disabled">Empress</option>
            <option value="667" data-cruise-line="36" disabled="disabled">Enchanted Princess</option>
            <option value="355" data-cruise-line="39" disabled="disabled">Enchantment of the Seas</option>
            <option value="357" data-cruise-line="39" disabled="disabled">Explorer of the Seas</option>
            <option value="360" data-cruise-line="39" disabled="disabled">Freedom of the Seas</option>
            <option value="362" data-cruise-line="36" disabled="disabled">Golden Princess</option>
            <option value="364" data-cruise-line="39" disabled="disabled">Grandeur of the Seas</option>
            <option value="363" data-cruise-line="36" disabled="disabled">Grand Princess</option>
            <option value="587" data-cruise-line="39" disabled="disabled">Harmony of the Seas </option>
            <option value="356" data-cruise-line="20" disabled="disabled">Holland America Eurodam</option>
            <option value="586" data-cruise-line="20" disabled="disabled">Holland America Koningsdam</option>
            <option value="394" data-cruise-line="20" disabled="disabled">Holland America Nieuw Amsterdam</option>
            <option value="650" data-cruise-line="20" disabled="disabled">Holland America Nieuw Statendam</option>
            <option value="395" data-cruise-line="20" disabled="disabled">Holland America Noordam</option>
            <option value="413" data-cruise-line="20" disabled="disabled">Holland America Oosterdam</option>
            <option value="429" data-cruise-line="20" disabled="disabled">Holland America Prinsendam</option>
            <option value="697" data-cruise-line="20" disabled="disabled">Holland America Rotterdam</option>
            <option value="500" data-cruise-line="20" disabled="disabled">Holland America Volendam</option>
            <option value="502" data-cruise-line="20" disabled="disabled">Holland America Westerdam</option>
            <option value="507" data-cruise-line="20" disabled="disabled">Holland America Zaandam</option>
            <option value="509" data-cruise-line="20" disabled="disabled">Holland America Zuiderdam</option>
            <option value="365" data-cruise-line="37" disabled="disabled">Horizon</option>
            <option value="609" data-cruise-line="13" disabled="disabled">Horizon (CDF)</option>
            <option value="366" data-cruise-line="39" disabled="disabled">Independence of the Seas </option>
            <option value="367" data-cruise-line="29" disabled="disabled">Insignia</option>
            <option value="663" data-cruise-line="31" disabled="disabled">Iona</option>
            <option value="369" data-cruise-line="36" disabled="disabled">Island Princess</option>
            <option value="371" data-cruise-line="39" disabled="disabled">Jewel of the Seas</option>
            <option value="378" data-cruise-line="39" disabled="disabled">Legend of the Seas</option>
            <option value="379" data-cruise-line="39" disabled="disabled">Liberty of the Seas</option>
            <option value="580" data-cruise-line="14" disabled="disabled">Magellan</option>
            <option value="621" data-cruise-line="36" disabled="disabled">Majestic Princess</option>
            <option value="384" data-cruise-line="14" disabled="disabled">Marco Polo</option>
            <option value="594" data-cruise-line="48" disabled="disabled">Marella Discovery</option>
            <option value="624" data-cruise-line="48" disabled="disabled">Marella Discovery 2</option>
            <option value="638" data-cruise-line="48" disabled="disabled">Marella Explorer</option>
            <option value="652" data-cruise-line="48" disabled="disabled">Marella Explorer 2</option>
            <option value="559" data-cruise-line="48" disabled="disabled">Marella Majesty</option>
            <option value="555" data-cruise-line="48" disabled="disabled">Marella Spirit</option>
            <option value="385" data-cruise-line="29" disabled="disabled">Marina</option>
            <option value="386" data-cruise-line="39" disabled="disabled">Mariner of the Seas</option>
            <option value="548" data-cruise-line="49" disabled="disabled">Mein Schiff 1</option>
            <option value="549" data-cruise-line="49" disabled="disabled">Mein Schiff 2</option>
            <option value="550" data-cruise-line="49" disabled="disabled">Mein Schiff 3</option>
            <option value="589" data-cruise-line="49" disabled="disabled">Mein Schiff 4</option>
            <option value="603" data-cruise-line="49" disabled="disabled">Mein Schiff 5</option>
            <option value="571" data-cruise-line="37" disabled="disabled">Monarch</option>
            <option value="268" data-cruise-line="25" disabled="disabled">MSC Armonia</option>
            <option value="643" data-cruise-line="25" disabled="disabled">MSC Bellissima</option>
            <option value="526" data-cruise-line="25" disabled="disabled">MSC Divina</option>
            <option value="358" data-cruise-line="25" disabled="disabled">MSC Fantasia</option>
            <option value="647" data-cruise-line="25" disabled="disabled">MSC Grandiosa</option>
            <option value="380" data-cruise-line="25" disabled="disabled">MSC Lirica</option>
            <option value="382" data-cruise-line="25" disabled="disabled">MSC Magnifica</option>
            <option value="610" data-cruise-line="25" disabled="disabled">MSC Meraviglia</option>
            <option value="390" data-cruise-line="25" disabled="disabled">MSC Musica</option>
            <option value="414" data-cruise-line="25" disabled="disabled">MSC Opera</option>
            <option value="415" data-cruise-line="25" disabled="disabled">MSC Orchestra</option>
            <option value="426" data-cruise-line="25" disabled="disabled">MSC Poesia</option>
            <option value="546" data-cruise-line="25" disabled="disabled">MSC Preziosa</option>
            <option value="674" data-cruise-line="25" disabled="disabled">MSC Seashore</option>
            <option value="617" data-cruise-line="25" disabled="disabled">MSC Seaside</option>
            <option value="629" data-cruise-line="25" disabled="disabled">MSC Seaview</option>
            <option value="477" data-cruise-line="25" disabled="disabled">MSC Sinfonia</option>
            <option value="479" data-cruise-line="25" disabled="disabled">MSC Splendida</option>
            <option value="666" data-cruise-line="25" disabled="disabled">MSC Virtuosa</option>
            <option value="708" data-cruise-line="25" disabled="disabled">MSC World Europa</option>
            <option value="552" data-cruise-line="19" disabled="disabled">ms Europa</option>
            <option value="553" data-cruise-line="19" disabled="disabled">ms Europa 2</option>
            <option value="627" data-cruise-line="20" disabled="disabled">ms Oosterdam</option>
            <option value="541" data-cruise-line="26" disabled="disabled">MV Aegean Odyssey</option>
            <option value="575" data-cruise-line="46" disabled="disabled">mv Minerva</option>
            <option value="540" data-cruise-line="26" disabled="disabled">MV Voyager</option>
            <option value="392" data-cruise-line="29" disabled="disabled">Nautica</option>
            <option value="393" data-cruise-line="39" disabled="disabled">Navigator of the Seas </option>
            <option value="630" data-cruise-line="28" disabled="disabled">Norwegian Bliss</option>
            <option value="531" data-cruise-line="28" disabled="disabled">Norwegian Breakaway</option>
            <option value="398" data-cruise-line="28" disabled="disabled">Norwegian Dawn</option>
            <option value="660" data-cruise-line="28" disabled="disabled">Norwegian Encore</option>
            <option value="399" data-cruise-line="28" disabled="disabled">Norwegian Epic</option>
            <option value="591" data-cruise-line="28" disabled="disabled">Norwegian Escape</option>
            <option value="400" data-cruise-line="28" disabled="disabled">Norwegian Gem</option>
            <option value="562" data-cruise-line="28" disabled="disabled">Norwegian Getaway</option>
            <option value="401" data-cruise-line="28" disabled="disabled">Norwegian Jade </option>
            <option value="402" data-cruise-line="28" disabled="disabled">Norwegian Jewel</option>
            <option value="659" data-cruise-line="28" disabled="disabled">Norwegian Joy</option>
            <option value="403" data-cruise-line="28" disabled="disabled">Norwegian Pearl</option>
            <option value="707" data-cruise-line="28" disabled="disabled">Norwegian Prima</option>
            <option value="404" data-cruise-line="28" disabled="disabled">Norwegian Sky</option>
            <option value="405" data-cruise-line="28" disabled="disabled">Norwegian Spirit </option>
            <option value="406" data-cruise-line="28" disabled="disabled">Norwegian Star</option>
            <option value="407" data-cruise-line="28" disabled="disabled">Norwegian Sun</option>
            <option value="408" data-cruise-line="39" disabled="disabled">Oasis of the Seas</option>
            <option value="675" data-cruise-line="39" disabled="disabled">Odyssey of the Seas</option>
            <option value="417" data-cruise-line="31" disabled="disabled">Oriana</option>
            <option value="590" data-cruise-line="39" disabled="disabled">Ovation of the Seas</option>
            <option value="611" data-cruise-line="32" disabled="disabled">Pacific Eden</option>
            <option value="642" data-cruise-line="31" disabled="disabled">Pacific Explorer</option>
            <option value="421" data-cruise-line="32" disabled="disabled">Pacific Jewel</option>
            <option value="422" data-cruise-line="32" disabled="disabled">Pacific Pearl</option>
            <option value="427" data-cruise-line="28" disabled="disabled">Pride of America</option>
            <option value="563" data-cruise-line="39" disabled="disabled">Quantum Of The Seas</option>
            <option value="430" data-cruise-line="16" disabled="disabled">Queen Elizabeth</option>
            <option value="431" data-cruise-line="16" disabled="disabled">Queen Mary 2</option>
            <option value="432" data-cruise-line="16" disabled="disabled">Queen Victoria</option>
            <option value="434" data-cruise-line="39" disabled="disabled">Radiance of the Seas</option>
            <option value="560" data-cruise-line="36" disabled="disabled">Regal Princess</option>
            <option value="435" data-cruise-line="29" disabled="disabled">Regatta</option>
            <option value="702" data-cruise-line="55" disabled="disabled">Resilient Lady</option>
            <option value="437" data-cruise-line="39" disabled="disabled">Rhapsody of the Seas</option>
            <option value="528" data-cruise-line="29" disabled="disabled">Riviera</option>
            <option value="576" data-cruise-line="44" disabled="disabled">Royal Clipper</option>
            <option value="450" data-cruise-line="36" disabled="disabled">Royal Princess</option>
            <option value="451" data-cruise-line="36" disabled="disabled">Ruby Princess</option>
            <option value="453" data-cruise-line="40" disabled="disabled">Saga Pearl II</option>
            <option value="457" data-cruise-line="36" disabled="disabled">Sapphire Princess</option>
            <option value="676" data-cruise-line="55" disabled="disabled">Scarlet Lady</option>
            <option value="602" data-cruise-line="41" disabled="disabled">Seabourn Encore</option>
            <option value="460" data-cruise-line="41" disabled="disabled">Seabourn Odyssey</option>
            <option value="644" data-cruise-line="41" disabled="disabled">Seabourn Ovation</option>
            <option value="462" data-cruise-line="41" disabled="disabled">Seabourn Quest</option>
            <option value="463" data-cruise-line="41" disabled="disabled">Seabourn Sojourn</option>
            <option value="601" data-cruise-line="42" disabled="disabled">SeaDream I</option>
            <option value="600" data-cruise-line="42" disabled="disabled">SeaDream II</option>
            <option value="467" data-cruise-line="39" disabled="disabled">Serenade of the Seas</option>
            <option value="612" data-cruise-line="38" disabled="disabled">Seven Seas Explorer</option>
            <option value="572" data-cruise-line="38" disabled="disabled">Seven Seas Mariner</option>
            <option value="573" data-cruise-line="38" disabled="disabled">Seven Seas Navigator</option>
            <option value="677" data-cruise-line="38" disabled="disabled">Seven Seas Splendor</option>
            <option value="574" data-cruise-line="38" disabled="disabled">Seven Seas Voyager</option>
            <option value="471" data-cruise-line="43" disabled="disabled">Silver Cloud</option>
            <option value="700" data-cruise-line="43" disabled="disabled">Silver Dawn</option>
            <option value="639" data-cruise-line="43" disabled="disabled">Silver Muse</option>
            <option value="473" data-cruise-line="43" disabled="disabled">Silver Shadow</option>
            <option value="474" data-cruise-line="43" disabled="disabled">Silver Spirit</option>
            <option value="475" data-cruise-line="43" disabled="disabled">Silver Whisper</option>
            <option value="476" data-cruise-line="43" disabled="disabled">Silver Wind</option>
            <option value="614" data-cruise-line="29" disabled="disabled">Sirena</option>
            <option value="646" data-cruise-line="36" disabled="disabled">Sky Princess</option>
            <option value="478" data-cruise-line="37" disabled="disabled">Sovereign</option>
            <option value="656" data-cruise-line="39" disabled="disabled">Spectrum Of The Seas</option>
            <option value="681" data-cruise-line="40" disabled="disabled">Spirit Of Adventure</option>
            <option value="672" data-cruise-line="40" disabled="disabled">Spirit of Discovery</option>
            <option value="605" data-cruise-line="53" disabled="disabled">Star Breeze</option>
            <option value="564" data-cruise-line="44" disabled="disabled">Star Clipper</option>
            <option value="565" data-cruise-line="44" disabled="disabled">Star Flyer</option>
            <option value="592" data-cruise-line="53" disabled="disabled">Star Legend</option>
            <option value="547" data-cruise-line="53" disabled="disabled">Star Pride</option>
            <option value="483" data-cruise-line="36" disabled="disabled">Star Princess</option>
            <option value="628" data-cruise-line="39" disabled="disabled">Symphony of the Seas</option>
            <option value="682" data-cruise-line="55" disabled="disabled">Valiant Lady</option>
            <option value="657" data-cruise-line="14" disabled="disabled">Vasco da Gama</option>
            <option value="496" data-cruise-line="31" disabled="disabled">Ventura</option>
            <option value="654" data-cruise-line="51" disabled="disabled">Viking Jupiter</option>
            <option value="653" data-cruise-line="51" disabled="disabled">Viking Orion</option>
            <option value="604" data-cruise-line="51" disabled="disabled">Viking Sea</option>
            <option value="599" data-cruise-line="51" disabled="disabled">Viking Sky</option>
            <option value="583" data-cruise-line="51" disabled="disabled">Viking Star</option>
            <option value="655" data-cruise-line="51" disabled="disabled">Viking Sun</option>
            <option value="696" data-cruise-line="51" disabled="disabled">Viking Venus</option>
            <option value="499" data-cruise-line="39" disabled="disabled">Vision of the Seas</option>
            <option value="501" data-cruise-line="39" disabled="disabled">Voyager of the Seas</option>
            <option value="503" data-cruise-line="53" disabled="disabled">Wind Spirit</option>
            <option value="505" data-cruise-line="53" disabled="disabled">Wind Star</option>
            <option value="506" data-cruise-line="53" disabled="disabled">Wind Surf</option>
            <option value="678" data-cruise-line="39" disabled="disabled">Wonder of the Seas</option>
            <option value="508" data-cruise-line="37" disabled="disabled">Zenith</option>
            <option value="615" data-cruise-line="13" disabled="disabled">Zenith (CDF)</option>
          </select>
          <div class="input-group"><input title="" type="text" placeholder="Cruise Ship" class="cs-select cs-skin-border ng-pristine ng-untouched ng-valid ng-empty ui-autocomplete-input" autocomplete="off">
            <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
          </div>
          <ul id="ui-id-29" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
        </div>
      </div>
      <div class="row">
        <div class="columns medium-12 large-6 searchform-datepicker" data-ng-controller="SearchFormDatePickerCtrl" data-duration="false" data-type="port" data-datepicker-display="#additional-information--date">
          <label for="date_duration_4">Date and Duration:</label>
          <div class="input-group" data-ng-click="openDatePicker($event)">
            <div class="hide" data-toggle="additional-information--date" aria-controls="additional-information--date" data-is-focus="false" data-yeti-box="additional-information--date" aria-haspopup="true" aria-expanded="false"></div>
            <input name="date" type="hidden" value="" autocomplete="off">
            <input name="duration" type="hidden" value="" autocomplete="off">
            <span class="input-group-label" tabindex="0" aria-label="Date Selection" data-ng-bind-template="Date Selection">Date Selection</span>
            <div class="input-group-button">
              <button type="button" class="button calendar dropdown-trigger" aria-label="Search Form Datepicker Dropdown"></button>
            </div>
          </div>
          <div id="additional-information--date" class="dropdown-pane bottom additional-datepicker" data-dropdown="earmke-dropdown" data-v-offset="0" data-closable="" data-close-on-click="true" aria-hidden="true"
            data-yeti-box="additional-information--date" data-resize="additional-information--date" aria-labelledby="2b6t7x-dd-anchor">
            <div class="datepicker">
              <div class="row controls">
                <div class="columns small-4">
                  <button data-ng-show="durationEnabled &amp;&amp; showDuration" type="button" class="button arrow outline small float-left reverse ng-hide" aria-label="Back to date selection" data-ng-click="backToDateSelection()">Back</button>
                </div>
                <div class="columns small-6 no-padding text-center">
                  <p data-ng-show="durationEnabled &amp;&amp; showDuration" class="duration-heading ng-hide" data-ng-bind-html="getDateSelectionLabel()">Date Selection</p>
                </div>
                <div class="columns small-2">
                  <button type="button" class="button close icon-only outline small float-right js-date-close" aria-label="Close button" data-close=""></button>
                </div>
              </div>
              <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
                <div class="small-12 columns">
                  <p class="duration-heading">Select cruise start date</p>
                </div>
              </div>
              <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
                <div class="small-2 large-1 columns">
                  <button type="button" data-ng-click="prev()" class="button icon-only arrow left outline float-left"></button>
                </div>
                <div class="small-8 large-5 columns">
                  <p class="month-heading" data-ng-bind="getCurrentMonthHeading()">January 2022</p>
                </div>
                <div class="show-for-large large-5 columns">
                  <p class="month-heading" data-ng-bind="getNextMonthHeading()">February 2022</p>
                </div>
                <div class="small-2 large-1 columns">
                  <button type="button" data-ng-click="next()" class="button icon-only arrow outline float-right"></button>
                </div>
              </div>
              <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
                <div class="small-12 large-6 columns">
                  <table class="table">
                    <thead>
                      <tr>
                        <th aria-label="Monday, January 2022">Mon</th>
                        <th aria-label="Tuesday, January 2022">Tue</th>
                        <th aria-label="Wednesday, January 2022">Wed</th>
                        <th aria-label="Thursday, January 2022">Thu</th>
                        <th aria-label="Friday, January 2022">Fri</th>
                        <th aria-label="Saturday, January 2022">Sat</th>
                        <th aria-label="Sunday, January 2022">Sun</th>
                      </tr>
                    </thead>
                    <tbody>
                      <!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 29 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 30 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 31 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                      </tr><!---->
                    </tbody>
                  </table>
                </div>
                <div class="show-for-large large-6 columns">
                  <table class="table">
                    <thead>
                      <tr>
                        <th aria-label="Monday, February 2022">Mon</th>
                        <th aria-label="Tuesday February 2022">Tue</th>
                        <th aria-label="Wednesday, February 2022">Wed</th>
                        <th aria-label="Thursday, February 2022">Thu</th>
                        <th aria-label="Friday, February 2022">Fri</th>
                        <th aria-label="Saturday, February 2022">Sat</th>
                        <th aria-label="Sunday, February 2022">Sun</th>
                      </tr>
                    </thead>
                    <tbody>
                      <!---->
                      <tr data-ng-repeat="dates in getNextMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getNextMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getNextMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getNextMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                      </tr><!---->
                      <tr data-ng-repeat="dates in getNextMonthWeeks()">
                        <!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                        <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                          data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                        </td><!---->
                      </tr><!---->
                    </tbody>
                  </table>
                </div>
              </div>
              <div data-ng-show="durationEnabled &amp;&amp; showDuration" class="ng-hide">
                <div class="row">
                  <div class="small-6 large-6 columns">
                    <p class="duration-heading show-for-medium">Select cruise duration</p>
                    <p class="duration-heading show-for-small-only">Duration</p>
                  </div>
                  <div class="small-6 large-4 end columns cex-combobox">
                    <select class="js-duration ng-pristine ng-untouched ng-valid ng-empty" aria-label="Datepicker Duration Selection" data-ng-model="duration" data-ng-change="setActiveDuration(); closeDatePicker()"
                      data-ng-options="d.label for d in availableDurations track by d.id" data-combobox-readonly="" style="display: none;">
                      <option value="" selected="selected">no. of nts</option>
                    </select>
                    <div class="input-group"><input title="" type="text" placeholder="no. of nts" class="js-duration ui-autocomplete-input" autocomplete="off" readonly="">
                      <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
                    </div>
                    <ul id="ui-id-13" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="datepicker-tooltip-itinerary tooltip">Select the start date for your cruise sailing to view all ports of call</div>
          </div>
        </div>
        <div class="columns medium-12 large-6 passenger-selector" data-ng-controller="PaxSelectorCtrl">
          <div class="input-group" data-toggle="pax_selector_dropdown--add--info" aria-controls="pax_selector_dropdown--add--info" data-is-focus="false" data-yeti-box="pax_selector_dropdown--add--info" aria-haspopup="true" aria-expanded="false">
            <input name="pax_adults" type="hidden" value="2" autocomplete="off">
            <input name="pax_children" type="hidden" value="0" autocomplete="off">
            <input name="pax_infants" type="hidden" value="0" autocomplete="off">
            <span class="input-group-label" tabindex="0" aria-label="2Adults,0Children,0infants" data-ng-bind-template="2 Adults">2 Adults</span>
            <div class="input-group-button">
              <button type="button" aria-hidden="true" class="button arrow dropdown-trigger add-info"></button>
            </div>
          </div>
          <div id="pax_selector_dropdown--add--info" class="dropdown-pane bottom" data-dropdown="4hh0gi-dropdown" data-closable="" data-close-on-click="true" data-v-offset="0" aria-hidden="true" data-yeti-box="pax_selector_dropdown--add--info"
            data-resize="pax_selector_dropdown--add--info" aria-labelledby="dd4y4j-dd-anchor">
            <div class="pax-selector" role="group" aria-label="Passenger selector">
              <div class="row bottom-margin-small">
                <div class="columns small-10 no-padding">
                  <h4>Select your passengers</h4>
                </div>
                <div class="columns small-2 no-padding">
                  <button type="button" class="button close icon-only outline float-right" aria-label="Close button" data-toggle="pax_selector_dropdown--add--info" aria-controls="pax_selector_dropdown--add--info" data-is-focus="false"
                    data-yeti-box="pax_selector_dropdown--add--info" aria-haspopup="true" aria-expanded="false"></button>
                </div>
              </div>
              <div class="input-group">
                <div class="input-group-button">
                  <button data-ng-click="decreaseCount('adults')" type="button" class="button icon-only minus outline" aria-label="Reduce adult amount by one."></button>
                </div>
                <div class="input-holder">
                  <span class="input-group-label" tabindex="0" aria-label="2 Adults" data-ng-bind-template="2 Adults">2 Adults</span>
                </div>
                <div class="input-group-button">
                  <button data-ng-click="increaseCount('adults')" type="button" class="button icon-only plus outline" aria-label="Increase adult amount by one."></button>
                </div>
              </div>
              <div class="input-group">
                <div class="input-group-button">
                  <button data-ng-click="decreaseCount('children')" type="button" class="button icon-only minus outline" aria-label="Reduce child amount by one."></button>
                </div>
                <div class="input-holder">
                  <span class="input-group-label" tabindex="0" aria-label="0 Children" data-ng-bind-template="0 Children">0 Children</span>
                </div>
                <div class="input-group-button">
                  <button data-ng-click="increaseCount('children')" type="button" class="button icon-only plus outline" aria-label="Increase child amount by one."></button>
                </div>
              </div>
              <div class="input-group">
                <div class="input-group-button">
                  <button data-ng-click="decreaseCount('infants')" type="button" class="button icon-only minus outline" aria-label="Reduce infant amount by one."></button>
                </div>
                <div class="input-holder">
                  <span class="input-group-label" tabindex="0" aria-label="0 Infants" data-ng-bind-template="0 Infants">0 Infants</span>
                </div>
                <div class="input-group-button">
                  <button data-ng-click="increaseCount('infants')" type="button" class="button icon-only plus outline" aria-label="Increase infant amount by one."></button>
                </div>
              </div>
              <hr class="bottom-margin-small top-margin-medium">
              <dl>
                <dt tabindex="0">Children:</dt>
                <dd tabindex="0">2 to 14 years old</dd>
              </dl>
              <dl>
                <dt tabindex="0">Infants:</dt>
                <dd tabindex="0">Under 2 years old</dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="columns medium-12 large-4 no-padding">
      <div class="row">
        <div class="columns medium-12 large-12 ui-widget relative cex-combobox">
          <label for="port_dropdown_2">Port name:</label>
          <div class="input-group">
            <input name="port" id="port_dropdown_2" type="hidden" autocomplete="off">
            <input type="text" aria-label="Type port name" aria-required="true" placeholder="Type port name" data-autocomplete="" data-source="https://www.cruisingexcursions.com/search-form/ports" class="ui-autocomplete-input" autocomplete="off">
            <div class="autocomplete-loader" data-autocomplete-loader="">
              <div class="loader square-spinner accent"></div>
            </div>
            <div class="autocomplete-loader" data-autocomplete-loader="">
              <div class="loader square-spinner accent"></div>
            </div>
            <ul id="ui-id-19" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="columns medium-12 large-12 cex-combobox">
          <label for="country_origin">Country of origin</label>
          <select class="cs-select cs-skin-border" aria-label="Country of origin" id="country_origin" name="country" style="display: none;">
            <option value="" selected="">Country of origin</option>
            <option class="important" value="United Kingdom">United Kingdom</option>
            <option class="important" value="United States">United States</option>
            <option class="important" value="Australia">Australia</option>
            <option class="important" value="Canada">Canada</option>
            <option class="important" value="Ireland">Ireland</option>
            <option class="important" value="New Zealand">New Zealand</option>
            <option class="" value="Afghanistan">Afghanistan</option>
            <option class="" value="Albania">Albania</option>
            <option class="" value="Algeria">Algeria</option>
            <option class="" value="American Samoa">American Samoa</option>
            <option class="" value="Andorra">Andorra</option>
            <option class="" value="Angola">Angola</option>
            <option class="" value="Anguilla">Anguilla</option>
            <option class="" value="Antarctica">Antarctica</option>
            <option class="" value="Antigua and Barbuda">Antigua and Barbuda</option>
            <option class="" value="Argentina">Argentina</option>
            <option class="" value="Armenia">Armenia</option>
            <option class="" value="Aruba">Aruba</option>
            <option class="" value="Austria">Austria</option>
            <option class="" value="Azerbaijan">Azerbaijan</option>
            <option class="" value="Bahamas">Bahamas</option>
            <option class="" value="Bahrain">Bahrain</option>
            <option class="" value="Bangladesh">Bangladesh</option>
            <option class="" value="Barbados">Barbados</option>
            <option class="" value="Belarus">Belarus</option>
            <option class="" value="Belgium">Belgium</option>
            <option class="" value="Belize">Belize</option>
            <option class="" value="Benin">Benin</option>
            <option class="" value="Bermuda">Bermuda</option>
            <option class="" value="Bhutan">Bhutan</option>
            <option class="" value="Bolivia">Bolivia</option>
            <option class="" value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
            <option class="" value="Botswana">Botswana</option>
            <option class="" value="Bouvet Island">Bouvet Island</option>
            <option class="" value="Brazil">Brazil</option>
            <option class="" value="British Indian Ocean Territory">British Indian Ocean Territory</option>
            <option class="" value="British Virgin Islands">British Virgin Islands</option>
            <option class="" value="Brunei">Brunei</option>
            <option class="" value="Bulgaria">Bulgaria</option>
            <option class="" value="Burkina Faso">Burkina Faso</option>
            <option class="" value="Burma">Burma</option>
            <option class="" value="Burundi">Burundi</option>
            <option class="" value="Cambodia">Cambodia</option>
            <option class="" value="Cameroon">Cameroon</option>
            <option class="" value="Cape Verde">Cape Verde</option>
            <option class="" value="Cayman Islands">Cayman Islands</option>
            <option class="" value="Central African Republic">Central African Republic</option>
            <option class="" value="Chad">Chad</option>
            <option class="" value="Chile">Chile</option>
            <option class="" value="China">China</option>
            <option class="" value="Christmas Island">Christmas Island</option>
            <option class="" value="Cocos Islands">Cocos Islands</option>
            <option class="" value="Colombia">Colombia</option>
            <option class="" value="Comoros">Comoros</option>
            <option class="" value="Cook Islands">Cook Islands</option>
            <option class="" value="Costa Rica">Costa Rica</option>
            <option class="" value="Croatia">Croatia</option>
            <option class="" value="Cuba">Cuba</option>
            <option class="" value="Curacao">Curacao</option>
            <option class="" value="Cyprus">Cyprus</option>
            <option class="" value="Czech Republic">Czech Republic</option>
            <option class="" value="Democratic Republic of the Congo">Democratic Republic of the Congo</option>
            <option class="" value="Denmark">Denmark</option>
            <option class="" value="Djibouti">Djibouti</option>
            <option class="" value="Dominica">Dominica</option>
            <option class="" value="Dominican Republic">Dominican Republic</option>
            <option class="" value="Ecuador">Ecuador</option>
            <option class="" value="Egypt">Egypt</option>
            <option class="" value="El Salvador">El Salvador</option>
            <option class="" value="Equatorial Guinea">Equatorial Guinea</option>
            <option class="" value="Eritrea">Eritrea</option>
            <option class="" value="Estonia">Estonia</option>
            <option class="" value="Ethiopia">Ethiopia</option>
            <option class="" value="Falkland Islands">Falkland Islands</option>
            <option class="" value="Faroe Islands">Faroe Islands</option>
            <option class="" value="Fiji">Fiji</option>
            <option class="" value="Finland">Finland</option>
            <option class="" value="France">France</option>
            <option class="" value="French Guiana">French Guiana</option>
            <option class="" value="French Polynesia">French Polynesia</option>
            <option class="" value="French Southern and Antarctic Lands">French Southern and Antarctic Lands</option>
            <option class="" value="Gabon">Gabon</option>
            <option class="" value="Gambia">Gambia</option>
            <option class="" value="Georgia">Georgia</option>
            <option class="" value="Germany">Germany</option>
            <option class="" value="Ghana">Ghana</option>
            <option class="" value="Gibraltar">Gibraltar</option>
            <option class="" value="Greece">Greece</option>
            <option class="" value="Greenland">Greenland</option>
            <option class="" value="Grenada">Grenada</option>
            <option class="" value="Guadeloupe">Guadeloupe</option>
            <option class="" value="Guam">Guam</option>
            <option class="" value="Guatemala">Guatemala</option>
            <option class="" value="Guernsey">Guernsey</option>
            <option class="" value="Guinea">Guinea</option>
            <option class="" value="Guinea-Bissau">Guinea-Bissau</option>
            <option class="" value="Guyana">Guyana</option>
            <option class="" value="Haiti">Haiti</option>
            <option class="" value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
            <option class="" value="Holy See (Vatican City)">Holy See (Vatican City)</option>
            <option class="" value="Honduras">Honduras</option>
            <option class="" value="Hong Kong">Hong Kong</option>
            <option class="" value="Hungary">Hungary</option>
            <option class="" value="Iceland">Iceland</option>
            <option class="" value="India">India</option>
            <option class="" value="Indonesia">Indonesia</option>
            <option class="" value="Iran">Iran</option>
            <option class="" value="Iraq">Iraq</option>
            <option class="" value="Isle of Man">Isle of Man</option>
            <option class="" value="Israel">Israel</option>
            <option class="" value="Italy">Italy</option>
            <option class="" value="Ivory Coast">Ivory Coast</option>
            <option class="" value="Jamaica">Jamaica</option>
            <option class="" value="Japan">Japan</option>
            <option class="" value="Jersey">Jersey</option>
            <option class="" value="Jordan">Jordan</option>
            <option class="" value="Kazakhstan">Kazakhstan</option>
            <option class="" value="Kenya">Kenya</option>
            <option class="" value="Kiribati">Kiribati</option>
            <option class="" value="Kosovo">Kosovo</option>
            <option class="" value="Kuwait">Kuwait</option>
            <option class="" value="Kyrgyzstan">Kyrgyzstan</option>
            <option class="" value="Laos">Laos</option>
            <option class="" value="Latvia">Latvia</option>
            <option class="" value="Lebanon">Lebanon</option>
            <option class="" value="Lesotho">Lesotho</option>
            <option class="" value="Liberia">Liberia</option>
            <option class="" value="Libya">Libya</option>
            <option class="" value="Liechtenstein">Liechtenstein</option>
            <option class="" value="Lithuania">Lithuania</option>
            <option class="" value="Luxembourg">Luxembourg</option>
            <option class="" value="Macau">Macau</option>
            <option class="" value="Macedonia">Macedonia</option>
            <option class="" value="Madagascar">Madagascar</option>
            <option class="" value="Malawi">Malawi</option>
            <option class="" value="Malaysia">Malaysia</option>
            <option class="" value="Maldives">Maldives</option>
            <option class="" value="Mali">Mali</option>
            <option class="" value="Malta">Malta</option>
            <option class="" value="Marshall Islands">Marshall Islands</option>
            <option class="" value="Martinique">Martinique</option>
            <option class="" value="Mauritania">Mauritania</option>
            <option class="" value="Mauritius">Mauritius</option>
            <option class="" value="Mayotte">Mayotte</option>
            <option class="" value="Mexico">Mexico</option>
            <option class="" value="Micronesia, Federated States of">Micronesia, Federated States of</option>
            <option class="" value="Moldova">Moldova</option>
            <option class="" value="Monaco">Monaco</option>
            <option class="" value="Mongolia">Mongolia</option>
            <option class="" value="Montenegro">Montenegro</option>
            <option class="" value="Montserrat">Montserrat</option>
            <option class="" value="Morocco">Morocco</option>
            <option class="" value="Mozambique">Mozambique</option>
            <option class="" value="Namibia">Namibia</option>
            <option class="" value="Nauru">Nauru</option>
            <option class="" value="Nepal">Nepal</option>
            <option class="" value="Netherlands">Netherlands</option>
            <option class="" value="Netherlands Antilles">Netherlands Antilles</option>
            <option class="" value="New Caledonia">New Caledonia</option>
            <option class="" value="Nicaragua">Nicaragua</option>
            <option class="" value="Niger">Niger</option>
            <option class="" value="Nigeria">Nigeria</option>
            <option class="" value="Niue">Niue</option>
            <option class="" value="Norfolk Island">Norfolk Island</option>
            <option class="" value="Northern Mariana Islands">Northern Mariana Islands</option>
            <option class="" value="North Korea">North Korea</option>
            <option class="" value="Norway">Norway</option>
            <option class="" value="Oman">Oman</option>
            <option class="" value="Pakistan">Pakistan</option>
            <option class="" value="Palau">Palau</option>
            <option class="" value="Palestine">Palestine</option>
            <option class="" value="Panama">Panama</option>
            <option class="" value="Papua New Guinea">Papua New Guinea</option>
            <option class="" value="Paraguay">Paraguay</option>
            <option class="" value="Peru">Peru</option>
            <option class="" value="Philippines">Philippines</option>
            <option class="" value="Pitcairn Islands">Pitcairn Islands</option>
            <option class="" value="Poland">Poland</option>
            <option class="" value="Portugal">Portugal</option>
            <option class="" value="Puerto Rico">Puerto Rico</option>
            <option class="" value="Qatar">Qatar</option>
            <option class="" value="Republic of the Congo">Republic of the Congo</option>
            <option class="" value="Reunion">Reunion</option>
            <option class="" value="Romania">Romania</option>
            <option class="" value="Russia">Russia</option>
            <option class="" value="Rwanda">Rwanda</option>
            <option class="" value="Saint Barthelemy">Saint Barthelemy</option>
            <option class="" value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
            <option class="" value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
            <option class="" value="Saint Lucia">Saint Lucia</option>
            <option class="" value="Saint Martin">Saint Martin</option>
            <option class="" value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
            <option class="" value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
            <option class="" value="Samoa">Samoa</option>
            <option class="" value="San Marino">San Marino</option>
            <option class="" value="Sao Tome and Principe">Sao Tome and Principe</option>
            <option class="" value="Saudi Arabia">Saudi Arabia</option>
            <option class="" value="Senegal">Senegal</option>
            <option class="" value="Serbia">Serbia</option>
            <option class="" value="Seychelles">Seychelles</option>
            <option class="" value="Sierra Leone">Sierra Leone</option>
            <option class="" value="Singapore">Singapore</option>
            <option class="" value="Slovakia">Slovakia</option>
            <option class="" value="Slovenia">Slovenia</option>
            <option class="" value="Solomon Islands">Solomon Islands</option>
            <option class="" value="Somalia">Somalia</option>
            <option class="" value="South Africa">South Africa</option>
            <option class="" value="South Georgia and South Sandwich Islands">South Georgia and South Sandwich Islands</option>
            <option class="" value="South Korea">South Korea</option>
            <option class="" value="South Sudan">South Sudan</option>
            <option class="" value="Spain">Spain</option>
            <option class="" value="Sri Lanka">Sri Lanka</option>
            <option class="" value="Sudan">Sudan</option>
            <option class="" value="Suriname">Suriname</option>
            <option class="" value="Svalbard">Svalbard</option>
            <option class="" value="Swaziland">Swaziland</option>
            <option class="" value="Sweden">Sweden</option>
            <option class="" value="Switzerland">Switzerland</option>
            <option class="" value="Syria">Syria</option>
            <option class="" value="Taiwan">Taiwan</option>
            <option class="" value="Tajikistan">Tajikistan</option>
            <option class="" value="Tanzania">Tanzania</option>
            <option class="" value="Thailand">Thailand</option>
            <option class="" value="Timor-Leste">Timor-Leste</option>
            <option class="" value="Togo">Togo</option>
            <option class="" value="Tokelau">Tokelau</option>
            <option class="" value="Tonga">Tonga</option>
            <option class="" value="Trinidad and Tobago">Trinidad and Tobago</option>
            <option class="" value="Tunisia">Tunisia</option>
            <option class="" value="Turkey">Turkey</option>
            <option class="" value="Turkmenistan">Turkmenistan</option>
            <option class="" value="Turks and Caicos Islands">Turks and Caicos Islands</option>
            <option class="" value="Tuvalu">Tuvalu</option>
            <option class="" value="Uganda">Uganda</option>
            <option class="" value="Ukraine">Ukraine</option>
            <option class="" value="United Arab Emirates">United Arab Emirates</option>
            <option class="" value="Uruguay">Uruguay</option>
            <option class="" value="Uzbekistan">Uzbekistan</option>
            <option class="" value="Vanuatu">Vanuatu</option>
            <option class="" value="Venezuela">Venezuela</option>
            <option class="" value="Vietnam">Vietnam</option>
            <option class="" value="Virgin Islands">Virgin Islands</option>
            <option class="" value="Wallis and Futuna">Wallis and Futuna</option>
            <option class="" value="Western Sahara">Western Sahara</option>
            <option class="" value="Yemen">Yemen</option>
            <option class="" value="Zambia">Zambia</option>
            <option class="" value="Zimbabwe">Zimbabwe</option>
          </select>
          <div class="input-group"><input title="" type="text" placeholder="Country of origin" class="cs-select cs-skin-border ui-autocomplete-input" autocomplete="off">
            <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
          </div>
          <ul id="ui-id-14" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
        </div>
      </div>
    </div>
  </div>
  <div class="row column">
    <h2 tabindex="0">Cruising interests</h2>
  </div>
  <div class="row bottom-margin show-for-small-only">
    <div class="columns small-2 medium-3">
      <button class="button small outline close icon-only float-right show-for-small-only" aria-label="Close button" data-close=""></button>
    </div>
  </div>
  <div class="row ng-hide" data-ng-show="loadingFilteredData">
    <div class="columns small-12">
      <div class="loader square-spinner primary"></div>
    </div>
  </div>
  <div class="row filters" data-ng-hide="loadingFilteredData">
    <div class="columns small-12 medium-4">
      <div class="row">
        <div class="columns check-options no-padding">
          <div class="bottom-margin-small">
            <input id="filterSharedTour" type="radio" name="filter" ng-value="1" data-ng-model="customFilters" data-ng-change="updateFilters('sharedtour')" class="ng-pristine ng-untouched ng-valid ng-empty" value="1">
            <label for="filterSharedTour">
              <span class="input-select large needsclick"></span> Essential Collection - Most popular excursions </label>
          </div>
        </div>
      </div>
    </div>
    <div class="columns small-12 medium-4">
      <div class="row">
        <div class="columns check-options no-padding">
          <div class="bottom-margin-small">
            <input id="filterPrivateTour" type="radio" name="filter" ng-value="2" data-ng-model="customFilters" data-ng-change="updateFilters('privatetour')" class="ng-pristine ng-untouched ng-valid ng-empty" value="2">
            <label for="filterPrivateTour">
              <span class="input-select large needsclick"></span> Private Tours - Tailored to suit your needs </label>
          </div>
        </div>
      </div>
    </div>
    <div class="columns small-12 medium-4">
      <div class="row">
        <div class="columns check-options no-padding">
          <div class="bottom-margin-small">
            <input id="filterPackages" type="radio" name="filter" ng-value="3" data-ng-model="customFilters" data-ng-change="updateFilters('packages')" class="ng-pristine ng-untouched ng-valid ng-empty" value="3">
            <label for="filterPackages">
              <span class="input-select large needsclick"></span> Discounted Multi Port Packages </label>
          </div>
        </div>
      </div>
    </div>
    <div class="columns small-12 medium-4">
      <div class="row">
        <div class="columns check-options no-padding">
          <div class="bottom-margin-small">
            <input id="filterTransfer" type="radio" name="filter" ng-value="4" data-ng-model="customFilters" data-ng-change="updateFilters('transfer')" class="ng-pristine ng-untouched ng-valid ng-empty" value="4">
            <label for="filterTransfer">
              <span class="input-select large needsclick"></span> Port Transfers (Shared &amp; Private) </label>
          </div>
        </div>
      </div>
    </div>
    <div class="columns small-12 medium-4">
      <div class="row">
        <div class="columns check-options no-padding">
          <div class="bottom-margin-small">
            <input id="filterNone" type="radio" name="filter" ng-value="0" data-ng-model="customFilters" data-ng-change="updateFilters('none')" class="ng-pristine ng-untouched ng-valid ng-empty" value="0">
            <label for="filterNone">
              <span class="input-select large needsclick"></span> View All </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <a href="https://www.cruisingexcursions.com/privacy-policy" target="_blank">Click here to view our Privacy Policy</a>
  </div>
  <div class="row">
    <div class="columns medium-12 large-4 float-right">
      <button class="button secondary expanded">Submit</button>
    </div>
  </div>
</form>

Name: share_formPOST

<form name="share_form" data-abide="xp27ba-abide" novalidate="" method="post" class="ng-pristine ng-valid">
  <div class="row">
    <div class="columns medium-6">
      <label for="to_email">Send to email:</label>
      <input id="to_email" aria-label="Please enter the email address you would like to send this to here" type="email" name="to_email" placeholder="Send to email" required="">
      <span class="form-error" data-error="This email is invalid. Please retry"></span>
    </div>
    <div class="columns medium-6">
      <label for="from_email">Sent from email:</label>
      <input id="from_email" aria-label="Please enter the email address you would like to send this from here." type="email" name="from_email" placeholder="Sent from email" required="">
      <span class="form-error" data-error="This email is invalid. Please retry"></span>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-12">
      <label for="share_message">Special requirements:</label>
      <textarea placeholder="Please enter your share message..." aria-label="Please enter your share message" rows="6" id="share_message"></textarea>
    </div>
  </div>
  <div class="row">
    <div class="columns medium-4">
      <div class="g-recaptcha" data-sitekey=""></div>
    </div>
    <div class="columns medium-4">
      <div id="response_message"></div>
    </div>
    <div class="columns medium-4">
      <button id="share_basket" class="button secondary edge expanded send">Send emails</button>
    </div>
  </div>
</form>

Name: cex_splash_form

<form name="cex_splash_form" novalidate="" data-target="https://www.cruisingexcursions.com/submit-splash" data-ng-controller="SplashFormCtrl" data-splash-success="Thank you for submitting your details."
  data-splash-error="Unfortunately we were unable process your details at this time." class="ng-pristine ng-valid-email ng-invalid ng-invalid-required">
  <div class="row">
    <div class="columns small-12">
      <label for="splash_forename">Forename:</label>
      <input aria-label="Please enter your forename here" id="splash_forename" type="text" name="forename" placeholder="Forename" data-ng-model="forename" data-field-type="name" data-ng-model-options="{ updateOn: 'blur', debounce: { blur: 0 } }"
        class="ng-pristine ng-untouched ng-valid ng-empty">
    </div>
    <div class="columns small-12">
      <label for="splash_surname">Surname:</label>
      <input aria-label="Please enter your surname here" id="splash_surname" type="text" name="surname" placeholder="Surname" data-ng-model="surname" data-ng-model-options="{ updateOn: 'blur', debounce: { blur: 0 } }"
        class="ng-pristine ng-untouched ng-valid ng-empty">
    </div>
    <div class="columns small-12">
      <label for="splash_email">Email Address:</label>
      <input aria-label="Please enter your email address here" id="splash_email" class="required ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required" required="" type="email" name="email" placeholder="Email Address"
        data-cex-validate="" data-ng-model="email" data-field-type="email_address" data-ng-model-options="{ updateOn: 'blur', debounce: { blur: 0 } }">
      <span class="form-error" data-ng-class="{ 'is-visible': (cex_splash_form.email.$error.cexValidate || !cex_splash_form.email.$valid || cex_splash_form.email.$error.required) &amp;&amp; !cex_splash_form.email.$pristine }">Please enter a valid
        email address.</span>
    </div>
    <div class="columns small-12">
      <label for="splash_telephone">Telephone Number:</label>
      <input aria-label="Please enter your telephone number here" id="splash_telephone" type="tel" name="phone_number" placeholder="Phone Number" data-ng-model="phoneNumber" data-ng-model-options="{ updateOn: 'blur', debounce: { blur: 0 } }"
        class="ng-pristine ng-untouched ng-valid ng-empty">
    </div>
    <div class="columns small-12 cex-combobox">
      <label for="cruise_ship">Cruise ship dropdown</label>
      <select tabindex="0" name="cruise_ship" aria-label="Cruise Ship Selector Drop Down" id="cruise_ship" data-ng-model="cruiseShip" data-source="https://www.cruisingexcursions.com/search-form/cruise-ships" data-disable-options="false"
        style="display: none;" class="ng-pristine ng-untouched ng-valid ng-empty">
        <option value="" selected="">Cruise Ship</option>
        <option value="255" data-cruise-line="31">Adonia</option>
        <option value="256" data-cruise-line="39">Adventure of the Seas</option>
        <option value="512" data-cruise-line="1">AIDAaura</option>
        <option value="513" data-cruise-line="1">AIDAbella</option>
        <option value="514" data-cruise-line="1">AIDAblu</option>
        <option value="515" data-cruise-line="1">AIDAcara</option>
        <option value="516" data-cruise-line="1">AIDAdiva</option>
        <option value="517" data-cruise-line="1">AIDAluna</option>
        <option value="529" data-cruise-line="1">AIDAmar</option>
        <option value="669" data-cruise-line="1">AIDAnova</option>
        <option value="606" data-cruise-line="1">AIDAprima</option>
        <option value="518" data-cruise-line="1">AIDAsol</option>
        <option value="538" data-cruise-line="1">AIDAstella</option>
        <option value="519" data-cruise-line="1">AIDAvita</option>
        <option value="534" data-cruise-line="34">Albatros</option>
        <option value="257" data-cruise-line="39">Allure of the Seas</option>
        <option value="535" data-cruise-line="34">Amadea</option>
        <option value="710" data-cruise-line="57">Ambassador Ambience</option>
        <option value="569" data-cruise-line="39">Anthem Of The Seas</option>
        <option value="266" data-cruise-line="31">Arcadia</option>
        <option value="536" data-cruise-line="34">Artania</option>
        <option value="701" data-cruise-line="31">Arvia</option>
        <option value="625" data-cruise-line="14">Astor</option>
        <option value="570" data-cruise-line="14">Astoria</option>
        <option value="270" data-cruise-line="31">Aurora</option>
        <option value="280" data-cruise-line="4">Azamara Journey</option>
        <option value="709" data-cruise-line="4">Azamara Onward</option>
        <option value="645" data-cruise-line="4">Azamara Pursuit</option>
        <option value="281" data-cruise-line="4">Azamara Quest</option>
        <option value="282" data-cruise-line="31">Azura</option>
        <option value="283" data-cruise-line="18">Balmoral</option>
        <option value="683" data-cruise-line="18">Bolette</option>
        <option value="684" data-cruise-line="18">Borealis</option>
        <option value="285" data-cruise-line="18">Boudicca</option>
        <option value="286" data-cruise-line="18">Braemar</option>
        <option value="287" data-cruise-line="39">Brilliance of the Seas</option>
        <option value="566" data-cruise-line="31">Britannia</option>
        <option value="288" data-cruise-line="36">Caribbean Princess</option>
        <option value="521" data-cruise-line="7">Carnival Breeze</option>
        <option value="698" data-cruise-line="7">Carnival Celebration</option>
        <option value="289" data-cruise-line="7">Carnival Conquest</option>
        <option value="291" data-cruise-line="7">Carnival Dream</option>
        <option value="292" data-cruise-line="7">Carnival Ecstasy</option>
        <option value="293" data-cruise-line="7">Carnival Elation</option>
        <option value="296" data-cruise-line="7">Carnival Freedom</option>
        <option value="297" data-cruise-line="7">Carnival Glory</option>
        <option value="626" data-cruise-line="7">Carnival Horizon</option>
        <option value="300" data-cruise-line="7">Carnival Legend</option>
        <option value="301" data-cruise-line="7">Carnival Liberty</option>
        <option value="302" data-cruise-line="7">Carnival Magic</option>
        <option value="671" data-cruise-line="7">Carnival Mardi Gras</option>
        <option value="303" data-cruise-line="7">Carnival Miracle</option>
        <option value="661" data-cruise-line="7">Carnival Panorama</option>
        <option value="304" data-cruise-line="7">Carnival Paradise</option>
        <option value="305" data-cruise-line="7">Carnival Pride</option>
        <option value="668" data-cruise-line="7">Carnival Radiance</option>
        <option value="306" data-cruise-line="7">Carnival Sensation</option>
        <option value="307" data-cruise-line="7">Carnival Spirit</option>
        <option value="308" data-cruise-line="7">Carnival Splendor</option>
        <option value="662" data-cruise-line="7">Carnival Sunrise</option>
        <option value="539" data-cruise-line="7">Carnival Sunshine</option>
        <option value="309" data-cruise-line="7">Carnival Triumph</option>
        <option value="310" data-cruise-line="7">Carnival Valor</option>
        <option value="311" data-cruise-line="7">Carnival Victory</option>
        <option value="585" data-cruise-line="7">Carnival Vista</option>
        <option value="664" data-cruise-line="8">Celebrity Apex</option>
        <option value="706" data-cruise-line="8">Celebrity Beyond</option>
        <option value="313" data-cruise-line="8">Celebrity Constellation</option>
        <option value="314" data-cruise-line="8">Celebrity Eclipse </option>
        <option value="631" data-cruise-line="8">Celebrity Edge</option>
        <option value="315" data-cruise-line="8">Celebrity Equinox </option>
        <option value="316" data-cruise-line="8">Celebrity Infinity</option>
        <option value="318" data-cruise-line="8">Celebrity Millennium</option>
        <option value="319" data-cruise-line="8">Celebrity Reflection</option>
        <option value="320" data-cruise-line="8">Celebrity Silhouette </option>
        <option value="321" data-cruise-line="8">Celebrity Solstice</option>
        <option value="322" data-cruise-line="8">Celebrity Summit</option>
        <option value="613" data-cruise-line="9">Celestyal Crystal</option>
        <option value="608" data-cruise-line="9">Celestyal Olympia</option>
        <option value="619" data-cruise-line="14">Columbus </option>
        <option value="325" data-cruise-line="36">Coral Princess</option>
        <option value="330" data-cruise-line="12">Costa Deliziosa</option>
        <option value="567" data-cruise-line="12">Costa Diadema</option>
        <option value="331" data-cruise-line="12">Costa Fascinosa</option>
        <option value="332" data-cruise-line="12">Costa Favolosa</option>
        <option value="333" data-cruise-line="12">Costa Fortuna</option>
        <option value="334" data-cruise-line="12">Costa Luminosa</option>
        <option value="335" data-cruise-line="12">Costa Magica</option>
        <option value="584" data-cruise-line="12">Costa neoClassica</option>
        <option value="561" data-cruise-line="12">Costa neoRiviera</option>
        <option value="338" data-cruise-line="12">Costa Pacifica</option>
        <option value="673" data-cruise-line="12">Costa Smeralda</option>
        <option value="658" data-cruise-line="12">Costa Venezia</option>
        <option value="342" data-cruise-line="36">Crown Princess</option>
        <option value="343" data-cruise-line="15">Crystal Serenity</option>
        <option value="344" data-cruise-line="15">Crystal Symphony</option>
        <option value="345" data-cruise-line="36">Dawn Princess</option>
        <option value="346" data-cruise-line="36">Diamond Princess</option>
        <option value="679" data-cruise-line="36">Discovery Princess</option>
        <option value="348" data-cruise-line="17">Disney Dream</option>
        <option value="349" data-cruise-line="17">Disney Fantasy</option>
        <option value="350" data-cruise-line="17">Disney Magic</option>
        <option value="705" data-cruise-line="17">Disney Wish</option>
        <option value="351" data-cruise-line="17">Disney Wonder</option>
        <option value="353" data-cruise-line="36">Emerald Princess</option>
        <option value="354" data-cruise-line="37">Empress</option>
        <option value="667" data-cruise-line="36">Enchanted Princess</option>
        <option value="355" data-cruise-line="39">Enchantment of the Seas</option>
        <option value="357" data-cruise-line="39">Explorer of the Seas</option>
        <option value="360" data-cruise-line="39">Freedom of the Seas</option>
        <option value="362" data-cruise-line="36">Golden Princess</option>
        <option value="364" data-cruise-line="39">Grandeur of the Seas</option>
        <option value="363" data-cruise-line="36">Grand Princess</option>
        <option value="587" data-cruise-line="39">Harmony of the Seas </option>
        <option value="356" data-cruise-line="20">Holland America Eurodam</option>
        <option value="586" data-cruise-line="20">Holland America Koningsdam</option>
        <option value="394" data-cruise-line="20">Holland America Nieuw Amsterdam</option>
        <option value="650" data-cruise-line="20">Holland America Nieuw Statendam</option>
        <option value="395" data-cruise-line="20">Holland America Noordam</option>
        <option value="413" data-cruise-line="20">Holland America Oosterdam</option>
        <option value="429" data-cruise-line="20">Holland America Prinsendam</option>
        <option value="697" data-cruise-line="20">Holland America Rotterdam</option>
        <option value="500" data-cruise-line="20">Holland America Volendam</option>
        <option value="502" data-cruise-line="20">Holland America Westerdam</option>
        <option value="507" data-cruise-line="20">Holland America Zaandam</option>
        <option value="509" data-cruise-line="20">Holland America Zuiderdam</option>
        <option value="365" data-cruise-line="37">Horizon</option>
        <option value="609" data-cruise-line="13">Horizon (CDF)</option>
        <option value="366" data-cruise-line="39">Independence of the Seas </option>
        <option value="367" data-cruise-line="29">Insignia</option>
        <option value="663" data-cruise-line="31">Iona</option>
        <option value="369" data-cruise-line="36">Island Princess</option>
        <option value="371" data-cruise-line="39">Jewel of the Seas</option>
        <option value="378" data-cruise-line="39">Legend of the Seas</option>
        <option value="379" data-cruise-line="39">Liberty of the Seas</option>
        <option value="580" data-cruise-line="14">Magellan</option>
        <option value="621" data-cruise-line="36">Majestic Princess</option>
        <option value="384" data-cruise-line="14">Marco Polo</option>
        <option value="594" data-cruise-line="48">Marella Discovery</option>
        <option value="624" data-cruise-line="48">Marella Discovery 2</option>
        <option value="638" data-cruise-line="48">Marella Explorer</option>
        <option value="652" data-cruise-line="48">Marella Explorer 2</option>
        <option value="559" data-cruise-line="48">Marella Majesty</option>
        <option value="555" data-cruise-line="48">Marella Spirit</option>
        <option value="385" data-cruise-line="29">Marina</option>
        <option value="386" data-cruise-line="39">Mariner of the Seas</option>
        <option value="548" data-cruise-line="49">Mein Schiff 1</option>
        <option value="549" data-cruise-line="49">Mein Schiff 2</option>
        <option value="550" data-cruise-line="49">Mein Schiff 3</option>
        <option value="589" data-cruise-line="49">Mein Schiff 4</option>
        <option value="603" data-cruise-line="49">Mein Schiff 5</option>
        <option value="571" data-cruise-line="37">Monarch</option>
        <option value="268" data-cruise-line="25">MSC Armonia</option>
        <option value="643" data-cruise-line="25">MSC Bellissima</option>
        <option value="526" data-cruise-line="25">MSC Divina</option>
        <option value="358" data-cruise-line="25">MSC Fantasia</option>
        <option value="647" data-cruise-line="25">MSC Grandiosa</option>
        <option value="380" data-cruise-line="25">MSC Lirica</option>
        <option value="382" data-cruise-line="25">MSC Magnifica</option>
        <option value="610" data-cruise-line="25">MSC Meraviglia</option>
        <option value="390" data-cruise-line="25">MSC Musica</option>
        <option value="414" data-cruise-line="25">MSC Opera</option>
        <option value="415" data-cruise-line="25">MSC Orchestra</option>
        <option value="426" data-cruise-line="25">MSC Poesia</option>
        <option value="546" data-cruise-line="25">MSC Preziosa</option>
        <option value="674" data-cruise-line="25">MSC Seashore</option>
        <option value="617" data-cruise-line="25">MSC Seaside</option>
        <option value="629" data-cruise-line="25">MSC Seaview</option>
        <option value="477" data-cruise-line="25">MSC Sinfonia</option>
        <option value="479" data-cruise-line="25">MSC Splendida</option>
        <option value="666" data-cruise-line="25">MSC Virtuosa</option>
        <option value="708" data-cruise-line="25">MSC World Europa</option>
        <option value="552" data-cruise-line="19">ms Europa</option>
        <option value="553" data-cruise-line="19">ms Europa 2</option>
        <option value="627" data-cruise-line="20">ms Oosterdam</option>
        <option value="541" data-cruise-line="26">MV Aegean Odyssey</option>
        <option value="575" data-cruise-line="46">mv Minerva</option>
        <option value="540" data-cruise-line="26">MV Voyager</option>
        <option value="392" data-cruise-line="29">Nautica</option>
        <option value="393" data-cruise-line="39">Navigator of the Seas </option>
        <option value="630" data-cruise-line="28">Norwegian Bliss</option>
        <option value="531" data-cruise-line="28">Norwegian Breakaway</option>
        <option value="398" data-cruise-line="28">Norwegian Dawn</option>
        <option value="660" data-cruise-line="28">Norwegian Encore</option>
        <option value="399" data-cruise-line="28">Norwegian Epic</option>
        <option value="591" data-cruise-line="28">Norwegian Escape</option>
        <option value="400" data-cruise-line="28">Norwegian Gem</option>
        <option value="562" data-cruise-line="28">Norwegian Getaway</option>
        <option value="401" data-cruise-line="28">Norwegian Jade </option>
        <option value="402" data-cruise-line="28">Norwegian Jewel</option>
        <option value="659" data-cruise-line="28">Norwegian Joy</option>
        <option value="403" data-cruise-line="28">Norwegian Pearl</option>
        <option value="707" data-cruise-line="28">Norwegian Prima</option>
        <option value="404" data-cruise-line="28">Norwegian Sky</option>
        <option value="405" data-cruise-line="28">Norwegian Spirit </option>
        <option value="406" data-cruise-line="28">Norwegian Star</option>
        <option value="407" data-cruise-line="28">Norwegian Sun</option>
        <option value="408" data-cruise-line="39">Oasis of the Seas</option>
        <option value="675" data-cruise-line="39">Odyssey of the Seas</option>
        <option value="417" data-cruise-line="31">Oriana</option>
        <option value="590" data-cruise-line="39">Ovation of the Seas</option>
        <option value="611" data-cruise-line="32">Pacific Eden</option>
        <option value="642" data-cruise-line="31">Pacific Explorer</option>
        <option value="421" data-cruise-line="32">Pacific Jewel</option>
        <option value="422" data-cruise-line="32">Pacific Pearl</option>
        <option value="427" data-cruise-line="28">Pride of America</option>
        <option value="563" data-cruise-line="39">Quantum Of The Seas</option>
        <option value="430" data-cruise-line="16">Queen Elizabeth</option>
        <option value="431" data-cruise-line="16">Queen Mary 2</option>
        <option value="432" data-cruise-line="16">Queen Victoria</option>
        <option value="434" data-cruise-line="39">Radiance of the Seas</option>
        <option value="560" data-cruise-line="36">Regal Princess</option>
        <option value="435" data-cruise-line="29">Regatta</option>
        <option value="702" data-cruise-line="55">Resilient Lady</option>
        <option value="437" data-cruise-line="39">Rhapsody of the Seas</option>
        <option value="528" data-cruise-line="29">Riviera</option>
        <option value="576" data-cruise-line="44">Royal Clipper</option>
        <option value="450" data-cruise-line="36">Royal Princess</option>
        <option value="451" data-cruise-line="36">Ruby Princess</option>
        <option value="453" data-cruise-line="40">Saga Pearl II</option>
        <option value="457" data-cruise-line="36">Sapphire Princess</option>
        <option value="676" data-cruise-line="55">Scarlet Lady</option>
        <option value="602" data-cruise-line="41">Seabourn Encore</option>
        <option value="460" data-cruise-line="41">Seabourn Odyssey</option>
        <option value="644" data-cruise-line="41">Seabourn Ovation</option>
        <option value="462" data-cruise-line="41">Seabourn Quest</option>
        <option value="463" data-cruise-line="41">Seabourn Sojourn</option>
        <option value="601" data-cruise-line="42">SeaDream I</option>
        <option value="600" data-cruise-line="42">SeaDream II</option>
        <option value="467" data-cruise-line="39">Serenade of the Seas</option>
        <option value="612" data-cruise-line="38">Seven Seas Explorer</option>
        <option value="572" data-cruise-line="38">Seven Seas Mariner</option>
        <option value="573" data-cruise-line="38">Seven Seas Navigator</option>
        <option value="677" data-cruise-line="38">Seven Seas Splendor</option>
        <option value="574" data-cruise-line="38">Seven Seas Voyager</option>
        <option value="471" data-cruise-line="43">Silver Cloud</option>
        <option value="700" data-cruise-line="43">Silver Dawn</option>
        <option value="639" data-cruise-line="43">Silver Muse</option>
        <option value="473" data-cruise-line="43">Silver Shadow</option>
        <option value="474" data-cruise-line="43">Silver Spirit</option>
        <option value="475" data-cruise-line="43">Silver Whisper</option>
        <option value="476" data-cruise-line="43">Silver Wind</option>
        <option value="614" data-cruise-line="29">Sirena</option>
        <option value="646" data-cruise-line="36">Sky Princess</option>
        <option value="478" data-cruise-line="37">Sovereign</option>
        <option value="656" data-cruise-line="39">Spectrum Of The Seas</option>
        <option value="681" data-cruise-line="40">Spirit Of Adventure</option>
        <option value="672" data-cruise-line="40">Spirit of Discovery</option>
        <option value="605" data-cruise-line="53">Star Breeze</option>
        <option value="564" data-cruise-line="44">Star Clipper</option>
        <option value="565" data-cruise-line="44">Star Flyer</option>
        <option value="592" data-cruise-line="53">Star Legend</option>
        <option value="547" data-cruise-line="53">Star Pride</option>
        <option value="483" data-cruise-line="36">Star Princess</option>
        <option value="628" data-cruise-line="39">Symphony of the Seas</option>
        <option value="682" data-cruise-line="55">Valiant Lady</option>
        <option value="657" data-cruise-line="14">Vasco da Gama</option>
        <option value="496" data-cruise-line="31">Ventura</option>
        <option value="654" data-cruise-line="51">Viking Jupiter</option>
        <option value="653" data-cruise-line="51">Viking Orion</option>
        <option value="604" data-cruise-line="51">Viking Sea</option>
        <option value="599" data-cruise-line="51">Viking Sky</option>
        <option value="583" data-cruise-line="51">Viking Star</option>
        <option value="655" data-cruise-line="51">Viking Sun</option>
        <option value="696" data-cruise-line="51">Viking Venus</option>
        <option value="499" data-cruise-line="39">Vision of the Seas</option>
        <option value="501" data-cruise-line="39">Voyager of the Seas</option>
        <option value="503" data-cruise-line="53">Wind Spirit</option>
        <option value="505" data-cruise-line="53">Wind Star</option>
        <option value="506" data-cruise-line="53">Wind Surf</option>
        <option value="678" data-cruise-line="39">Wonder of the Seas</option>
        <option value="508" data-cruise-line="37">Zenith</option>
        <option value="615" data-cruise-line="13">Zenith (CDF)</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Cruise Ship" class="ng-pristine ng-untouched ng-valid ng-empty ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-30" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
    <div class="columns small-12 searchform-datepicker" data-ng-controller="SearchFormDatePickerCtrl" data-duration="false" data-type="port" data-datepicker-display="#splashform-datepicker">
      <div class="input-group" data-ng-click="openDatePicker($event)">
        <div class="hide" data-toggle="splashform-datepicker" aria-controls="splashform-datepicker" data-is-focus="false" data-yeti-box="splashform-datepicker" aria-haspopup="true" aria-expanded="false"></div>
        <input name="date" type="hidden" value="" autocomplete="off" data-ng-model="date" class="ng-pristine ng-untouched ng-valid ng-empty">
        <span value="Date Selection" class="input-group-label js-date-selection" tabindex="0" aria-label="Cruise Date Selection" data-ng-bind-template="Date Selection">Date Selection</span>
        <div class="input-group-button">
          <button type="button" class="button calendar dropdown-trigger" aria-label="Datepicker Dropdown"></button>
        </div>
      </div>
      <div id="splashform-datepicker" class="dropdown-pane bottom" data-dropdown="eichgg-dropdown" data-v-offset="0" data-closable="" data-close-on-click="true" aria-hidden="true" data-yeti-box="splashform-datepicker"
        data-resize="splashform-datepicker" aria-labelledby="uoppb9-dd-anchor">
        <div class="datepicker">
          <div class="row controls">
            <div class="columns small-4">
              <button data-ng-show="durationEnabled &amp;&amp; showDuration" type="button" class="button arrow outline small float-left reverse ng-hide" aria-label="Back to date selection" data-ng-click="backToDateSelection()">Back</button>
            </div>
            <div class="columns small-6 no-padding text-center">
              <p data-ng-show="durationEnabled &amp;&amp; showDuration" class="duration-heading ng-hide" data-ng-bind-html="getDateSelectionLabel()">Date Selection</p>
            </div>
            <div class="columns small-2">
              <button type="button" class="button close icon-only outline small float-right js-date-close" aria-label="Close button" data-close=""></button>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-12 columns">
              <p class="duration-heading">Please select a date</p>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-2 large-1 columns">
              <button type="button" data-ng-click="prev()" class="button icon-only arrow left outline float-left"></button>
            </div>
            <div class="small-8 large-5 columns">
              <p class="month-heading" data-ng-bind="getCurrentMonthHeading()">January 2022</p>
            </div>
            <div class="show-for-large large-5 columns">
              <p class="month-heading" data-ng-bind="getNextMonthHeading()">February 2022</p>
            </div>
            <div class="small-2 large-1 columns">
              <button type="button" data-ng-click="next()" class="button icon-only arrow outline float-right"></button>
            </div>
          </div>
          <div class="row" data-ng-hide="durationEnabled &amp;&amp; showDuration">
            <div class="small-12 large-6 columns">
              <table class="table">
                <thead>
                  <tr>
                    <th aria-label="Monday, January 2022">Mon</th>
                    <th aria-label="Tuesday, January 2022">Tue</th>
                    <th aria-label="Wednesday, January 2022">Wed</th>
                    <th aria-label="Thursday, January 2022">Thu</th>
                    <th aria-label="Friday, January 2022">Fri</th>
                    <th aria-label="Saturday, January 2022">Sat</th>
                    <th aria-label="Sunday, January 2022">Sun</th>
                  </tr>
                </thead>
                <tbody>
                  <!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 29 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 30 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getCurrentMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 31 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                  </tr><!---->
                </tbody>
              </table>
            </div>
            <div class="show-for-large large-6 columns">
              <table class="table">
                <thead>
                  <tr>
                    <th aria-label="Monday, February 2022">Mon</th>
                    <th aria-label="Tuesday February 2022">Tue</th>
                    <th aria-label="Wednesday, February 2022">Wed</th>
                    <th aria-label="Thursday, February 2022">Thu</th>
                    <th aria-label="Friday, February 2022">Fri</th>
                    <th aria-label="Saturday, February 2022">Sat</th>
                    <th aria-label="Sunday, February 2022">Sun</th>
                  </tr>
                </thead>
                <tbody>
                  <!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 1 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 2 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 3 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 4 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 5 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 6 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 7 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 8 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 9 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 10 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 11 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 12 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 13 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 14 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 15 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 16 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 17 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 18 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 19 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 20 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 21 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 22 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 23 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 24 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 25 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 26 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 27 </td><!---->
                  </tr><!---->
                  <tr data-ng-repeat="dates in getNextMonthWeeks()">
                    <!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="valid"> 28 </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                    <td tabindex="0" data-ng-repeat="date in dates" ng-keydown="$event.which === 13 &amp;&amp; setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-click="setActiveDate(date); closeDatePicker(); $event.stopPropagation()"
                      data-ng-class="{ empty: date.date == null, valid: date.date != null &amp;&amp; !date.disabled, disabled: date.date != null &amp;&amp; date.disabled, active: date.active }" class="empty">
                    </td><!---->
                  </tr><!---->
                </tbody>
              </table>
            </div>
          </div>
          <div data-ng-show="durationEnabled &amp;&amp; showDuration" class="ng-hide">
            <div class="row">
              <div class="small-6 large-6 columns">
                <p class="duration-heading show-for-medium">Select cruise duration</p>
                <p class="duration-heading show-for-small-only">Duration</p>
              </div>
              <div class="small-6 large-4 end columns cex-combobox">
                <select class="js-duration ng-pristine ng-untouched ng-valid ng-empty" aria-label="Datepicker Duration Selection" data-ng-model="duration" data-ng-change="setActiveDuration(); closeDatePicker()"
                  data-ng-options="d.label for d in availableDurations track by d.id" data-combobox-readonly="" style="display: none;">
                  <option value="" selected="selected">no. of nts</option>
                </select>
                <div class="input-group"><input title="" type="text" placeholder="no. of nts" class="js-duration ui-autocomplete-input" autocomplete="off" readonly="">
                  <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
                </div>
                <ul id="ui-id-16" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="datepicker-tooltip-itinerary tooltip">Select the start date for your cruise sailing to view all ports of call</div>
      </div>
    </div>
    <div class="columns small-12">
      <label for="splash_duration">Duration:</label>
      <input aria-label="Please enter your cruise duration, in nights, here" id="splash_duration" type="number" name="duration" placeholder="Cruise Duration (Nights)" data-ng-model="duration"
        data-ng-model-options="{ updateOn: 'blur', debounce: { blur: 0 } }" class="ng-pristine ng-untouched ng-valid ng-empty">
    </div>
    <div class="columns small-12 passenger-selector pax-selector-dropdown pax-focus" data-ng-controller="PaxSelectorCtrl" tabindex="-1">
      <div class="input-group" data-toggle="pax_selector_dropdown--splash" id="pax_group_selector" aria-controls="pax_selector_dropdown--splash" data-is-focus="false" data-yeti-box="pax_selector_dropdown--splash" aria-haspopup="true"
        aria-expanded="false">
        <input name="pax_adults" type="hidden" value="2" autocomplete="off">
        <input name="pax_children" type="hidden" value="0" autocomplete="off">
        <input name="pax_infants" type="hidden" value="0" autocomplete="off">
        <span class="input-group-label cruise-input" tabindex="0" aria-label="2Adults,0Children,0infants" data-ng-bind-template="2 Adults">2 Adults</span>
        <div class="input-group-button">
          <button type="button" class="button arrow down dropdown-trigger" aria-label="Passenger selector dropdown" tabindex="-1"></button>
        </div>
      </div>
      <div id="pax_selector_dropdown--splash" class="dropdown-pane bottom" data-dropdown="ve58uc-dropdown" data-close-on-click="true" data-closable="" data-v-offset="0" aria-hidden="true" data-yeti-box="pax_selector_dropdown--splash"
        data-resize="pax_selector_dropdown--splash" aria-labelledby="pax_group_selector">
        <div class="pax-selector" role="group" aria-label="Passenger selector">
          <div class="row bottom-margin-small">
            <div class="columns small-10 no-padding">
              <h4>Select your passengers</h4>
            </div>
            <div class="columns small-2 no-padding">
              <button type="button" class="button close icon-only outline float-right" aria-label="Close button" data-toggle="pax_selector_dropdown--splash" aria-controls="pax_selector_dropdown--splash" data-is-focus="false"
                data-yeti-box="pax_selector_dropdown--splash" aria-haspopup="true" aria-expanded="false"></button>
            </div>
          </div>
          <div class="input-group">
            <div class="input-group-button">
              <button data-ng-click="decreaseCount('adults')" type="button" class="button icon-only minus outline" aria-label="Reduce adult amount by one."></button>
            </div>
            <div class="input-holder">
              <span class="input-group-label" tabindex="0" aria-label="2 Adults" data-ng-bind-template="2 Adults">2 Adults</span>
            </div>
            <div class="input-group-button">
              <button data-ng-click="increaseCount('adults')" type="button" class="button icon-only plus outline" aria-label="Increase adult amount by one."></button>
            </div>
          </div>
          <div class="input-group">
            <div class="input-group-button">
              <button data-ng-click="decreaseCount('children')" type="button" class="button icon-only minus outline" aria-label="Reduce child amount by one."></button>
            </div>
            <div class="input-holder">
              <span class="input-group-label" tabindex="0" aria-label="0 Children" data-ng-bind-template="0 Children">0 Children</span>
            </div>
            <div class="input-group-button">
              <button data-ng-click="increaseCount('children')" type="button" class="button icon-only plus outline" aria-label="Increase child amount by one."></button>
            </div>
          </div>
          <div class="input-group">
            <div class="input-group-button">
              <button data-ng-click="decreaseCount('infants')" type="button" class="button icon-only minus outline" aria-label="Reduce infant amount by one."></button>
            </div>
            <div class="input-holder">
              <span class="input-group-label" tabindex="0" aria-label="0 Infants" data-ng-bind-template="0 Infants">0 Infants</span>
            </div>
            <div class="input-group-button">
              <button data-ng-click="increaseCount('infants')" type="button" class="button icon-only plus outline" aria-label="Increase infant amount by one."></button>
            </div>
          </div>
          <hr class="bottom-margin-small top-margin-medium">
          <dl>
            <dt tabindex="0">Children:</dt>
            <dd tabindex="0">2 to 14 years old</dd>
          </dl>
          <dl>
            <dt tabindex="0">Infants:</dt>
            <dd tabindex="0">Under 2 years old</dd>
          </dl>
        </div>
      </div>
    </div>
    <div class="columns small-12 cex-combobox">
      <label for="country_dropdown">Country of Residence:</label>
      <select class="required ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-label="Country dropdown" id="country_dropdown" name="country_of_residence" required="" data-ng-model="country" style="display: none;">
        <option value="" selected="">Country of Residence</option>
        <option class="important" value="GBR">United Kingdom</option>
        <option class="important" value="USA">United States</option>
        <option class="important" value="AUS">Australia</option>
        <option class="important" value="CAN">Canada</option>
        <option class="important" value="IRL">Ireland</option>
        <option class="important" value="NZL">New Zealand</option>
        <option class="" value="AFG">Afghanistan</option>
        <option class="" value="ALB">Albania</option>
        <option class="" value="DZA">Algeria</option>
        <option class="" value="ASM">American Samoa</option>
        <option class="" value="AND">Andorra</option>
        <option class="" value="AGO">Angola</option>
        <option class="" value="AIA">Anguilla</option>
        <option class="" value="ATA">Antarctica</option>
        <option class="" value="ATG">Antigua and Barbuda</option>
        <option class="" value="ARG">Argentina</option>
        <option class="" value="ARM">Armenia</option>
        <option class="" value="ABW">Aruba</option>
        <option class="" value="AUT">Austria</option>
        <option class="" value="AZE">Azerbaijan</option>
        <option class="" value="BHS">Bahamas</option>
        <option class="" value="BHR">Bahrain</option>
        <option class="" value="BGD">Bangladesh</option>
        <option class="" value="BRB">Barbados</option>
        <option class="" value="BLR">Belarus</option>
        <option class="" value="BEL">Belgium</option>
        <option class="" value="BLZ">Belize</option>
        <option class="" value="BEN">Benin</option>
        <option class="" value="BMU">Bermuda</option>
        <option class="" value="BTN">Bhutan</option>
        <option class="" value="BOL">Bolivia</option>
        <option class="" value="BIH">Bosnia and Herzegovina</option>
        <option class="" value="BWA">Botswana</option>
        <option class="" value="BVT">Bouvet Island</option>
        <option class="" value="BRA">Brazil</option>
        <option class="" value="IOT">British Indian Ocean Territory</option>
        <option class="" value="VGB">British Virgin Islands</option>
        <option class="" value="BRN">Brunei</option>
        <option class="" value="BGR">Bulgaria</option>
        <option class="" value="BFA">Burkina Faso</option>
        <option class="" value="MMR">Burma</option>
        <option class="" value="BDI">Burundi</option>
        <option class="" value="KHM">Cambodia</option>
        <option class="" value="CMR">Cameroon</option>
        <option class="" value="CPV">Cape Verde</option>
        <option class="" value="CYM">Cayman Islands</option>
        <option class="" value="CAF">Central African Republic</option>
        <option class="" value="TCD">Chad</option>
        <option class="" value="CHL">Chile</option>
        <option class="" value="CHN">China</option>
        <option class="" value="CXR">Christmas Island</option>
        <option class="" value="CCK">Cocos Islands</option>
        <option class="" value="COL">Colombia</option>
        <option class="" value="COM">Comoros</option>
        <option class="" value="COK">Cook Islands</option>
        <option class="" value="CRI">Costa Rica</option>
        <option class="" value="HRV">Croatia</option>
        <option class="" value="CUB">Cuba</option>
        <option class="" value="CUW">Curacao</option>
        <option class="" value="CYP">Cyprus</option>
        <option class="" value="CZE">Czech Republic</option>
        <option class="" value="COD">Democratic Republic of the Congo</option>
        <option class="" value="DNK">Denmark</option>
        <option class="" value="DJI">Djibouti</option>
        <option class="" value="DMA">Dominica</option>
        <option class="" value="DOM">Dominican Republic</option>
        <option class="" value="ECU">Ecuador</option>
        <option class="" value="EGY">Egypt</option>
        <option class="" value="SLV">El Salvador</option>
        <option class="" value="GNQ">Equatorial Guinea</option>
        <option class="" value="ERI">Eritrea</option>
        <option class="" value="EST">Estonia</option>
        <option class="" value="ETH">Ethiopia</option>
        <option class="" value="FLK">Falkland Islands</option>
        <option class="" value="FRO">Faroe Islands</option>
        <option class="" value="FJI">Fiji</option>
        <option class="" value="FIN">Finland</option>
        <option class="" value="FRA">France</option>
        <option class="" value="GUF">French Guiana</option>
        <option class="" value="PYF">French Polynesia</option>
        <option class="" value="ATF">French Southern and Antarctic Lands</option>
        <option class="" value="GAB">Gabon</option>
        <option class="" value="GMB">Gambia</option>
        <option class="" value="GEO">Georgia</option>
        <option class="" value="DEU">Germany</option>
        <option class="" value="GHA">Ghana</option>
        <option class="" value="GIB">Gibraltar</option>
        <option class="" value="GRC">Greece</option>
        <option class="" value="GRL">Greenland</option>
        <option class="" value="GRD">Grenada</option>
        <option class="" value="GLP">Guadeloupe</option>
        <option class="" value="GUM">Guam</option>
        <option class="" value="GTM">Guatemala</option>
        <option class="" value="GGY">Guernsey</option>
        <option class="" value="GIN">Guinea</option>
        <option class="" value="GNB">Guinea-Bissau</option>
        <option class="" value="GUY">Guyana</option>
        <option class="" value="HTI">Haiti</option>
        <option class="" value="HMD">Heard Island and McDonald Islands</option>
        <option class="" value="VAT">Holy See (Vatican City)</option>
        <option class="" value="HND">Honduras</option>
        <option class="" value="HKG">Hong Kong</option>
        <option class="" value="HUN">Hungary</option>
        <option class="" value="ISL">Iceland</option>
        <option class="" value="IND">India</option>
        <option class="" value="IDN">Indonesia</option>
        <option class="" value="IRN">Iran</option>
        <option class="" value="IRQ">Iraq</option>
        <option class="" value="IMN">Isle of Man</option>
        <option class="" value="ISR">Israel</option>
        <option class="" value="ITA">Italy</option>
        <option class="" value="CIV">Ivory Coast</option>
        <option class="" value="JAM">Jamaica</option>
        <option class="" value="JPN">Japan</option>
        <option class="" value="JEY">Jersey</option>
        <option class="" value="JOR">Jordan</option>
        <option class="" value="KAZ">Kazakhstan</option>
        <option class="" value="KEN">Kenya</option>
        <option class="" value="KIR">Kiribati</option>
        <option class="" value="KOS">Kosovo</option>
        <option class="" value="KWT">Kuwait</option>
        <option class="" value="KGZ">Kyrgyzstan</option>
        <option class="" value="LAO">Laos</option>
        <option class="" value="LVA">Latvia</option>
        <option class="" value="LBN">Lebanon</option>
        <option class="" value="LSO">Lesotho</option>
        <option class="" value="LBR">Liberia</option>
        <option class="" value="LBY">Libya</option>
        <option class="" value="LIE">Liechtenstein</option>
        <option class="" value="LTU">Lithuania</option>
        <option class="" value="LUX">Luxembourg</option>
        <option class="" value="MAC">Macau</option>
        <option class="" value="MKD">Macedonia</option>
        <option class="" value="MDG">Madagascar</option>
        <option class="" value="MWI">Malawi</option>
        <option class="" value="MYS">Malaysia</option>
        <option class="" value="MDV">Maldives</option>
        <option class="" value="MLI">Mali</option>
        <option class="" value="MLT">Malta</option>
        <option class="" value="MHL">Marshall Islands</option>
        <option class="" value="MTQ">Martinique</option>
        <option class="" value="MRT">Mauritania</option>
        <option class="" value="MUS">Mauritius</option>
        <option class="" value="MYT">Mayotte</option>
        <option class="" value="MEX">Mexico</option>
        <option class="" value="FSM">Micronesia, Federated States of</option>
        <option class="" value="MDA">Moldova</option>
        <option class="" value="MCO">Monaco</option>
        <option class="" value="MNG">Mongolia</option>
        <option class="" value="MNE">Montenegro</option>
        <option class="" value="MSR">Montserrat</option>
        <option class="" value="MAR">Morocco</option>
        <option class="" value="MOZ">Mozambique</option>
        <option class="" value="NAM">Namibia</option>
        <option class="" value="NRU">Nauru</option>
        <option class="" value="NPL">Nepal</option>
        <option class="" value="NLD">Netherlands</option>
        <option class="" value="ANT">Netherlands Antilles</option>
        <option class="" value="NCL">New Caledonia</option>
        <option class="" value="NIC">Nicaragua</option>
        <option class="" value="NER">Niger</option>
        <option class="" value="NGA">Nigeria</option>
        <option class="" value="NIU">Niue</option>
        <option class="" value="NFK">Norfolk Island</option>
        <option class="" value="MNP">Northern Mariana Islands</option>
        <option class="" value="PRK">North Korea</option>
        <option class="" value="NOR">Norway</option>
        <option class="" value="OMN">Oman</option>
        <option class="" value="PAK">Pakistan</option>
        <option class="" value="PLW">Palau</option>
        <option class="" value="PSE">Palestine</option>
        <option class="" value="PAN">Panama</option>
        <option class="" value="PNG">Papua New Guinea</option>
        <option class="" value="PRY">Paraguay</option>
        <option class="" value="PER">Peru</option>
        <option class="" value="PHL">Philippines</option>
        <option class="" value="PCN">Pitcairn Islands</option>
        <option class="" value="POL">Poland</option>
        <option class="" value="PRT">Portugal</option>
        <option class="" value="PRI">Puerto Rico</option>
        <option class="" value="QAT">Qatar</option>
        <option class="" value="COG">Republic of the Congo</option>
        <option class="" value="REU">Reunion</option>
        <option class="" value="ROU">Romania</option>
        <option class="" value="RUS">Russia</option>
        <option class="" value="RWA">Rwanda</option>
        <option class="" value="BLM">Saint Barthelemy</option>
        <option class="" value="SHN">Saint Helena, Ascension and Tristan da Cunha</option>
        <option class="" value="KNA">Saint Kitts and Nevis</option>
        <option class="" value="LCA">Saint Lucia</option>
        <option class="" value="SXM">Saint Martin</option>
        <option class="" value="SPM">Saint Pierre and Miquelon</option>
        <option class="" value="VCT">Saint Vincent and the Grenadines</option>
        <option class="" value="WSM">Samoa</option>
        <option class="" value="SMR">San Marino</option>
        <option class="" value="STP">Sao Tome and Principe</option>
        <option class="" value="SAU">Saudi Arabia</option>
        <option class="" value="SEN">Senegal</option>
        <option class="" value="SRB">Serbia</option>
        <option class="" value="SYC">Seychelles</option>
        <option class="" value="SLE">Sierra Leone</option>
        <option class="" value="SGP">Singapore</option>
        <option class="" value="SVK">Slovakia</option>
        <option class="" value="SVN">Slovenia</option>
        <option class="" value="SLB">Solomon Islands</option>
        <option class="" value="SOM">Somalia</option>
        <option class="" value="ZAF">South Africa</option>
        <option class="" value="SGS">South Georgia and South Sandwich Islands</option>
        <option class="" value="KOR">South Korea</option>
        <option class="" value="SSD">South Sudan</option>
        <option class="" value="ESP">Spain</option>
        <option class="" value="LKA">Sri Lanka</option>
        <option class="" value="SDN">Sudan</option>
        <option class="" value="SUR">Suriname</option>
        <option class="" value="SJM">Svalbard</option>
        <option class="" value="SWZ">Swaziland</option>
        <option class="" value="SWE">Sweden</option>
        <option class="" value="CHE">Switzerland</option>
        <option class="" value="SYR">Syria</option>
        <option class="" value="TWN">Taiwan</option>
        <option class="" value="TJK">Tajikistan</option>
        <option class="" value="TZA">Tanzania</option>
        <option class="" value="THA">Thailand</option>
        <option class="" value="TLS">Timor-Leste</option>
        <option class="" value="TGO">Togo</option>
        <option class="" value="TKL">Tokelau</option>
        <option class="" value="TON">Tonga</option>
        <option class="" value="TTO">Trinidad and Tobago</option>
        <option class="" value="TUN">Tunisia</option>
        <option class="" value="TUR">Turkey</option>
        <option class="" value="TKM">Turkmenistan</option>
        <option class="" value="TCA">Turks and Caicos Islands</option>
        <option class="" value="TUV">Tuvalu</option>
        <option class="" value="UGA">Uganda</option>
        <option class="" value="UKR">Ukraine</option>
        <option class="" value="ARE">United Arab Emirates</option>
        <option class="" value="URY">Uruguay</option>
        <option class="" value="UZB">Uzbekistan</option>
        <option class="" value="VUT">Vanuatu</option>
        <option class="" value="VEN">Venezuela</option>
        <option class="" value="VNM">Vietnam</option>
        <option class="" value="VIR">Virgin Islands</option>
        <option class="" value="WLF">Wallis and Futuna</option>
        <option class="" value="ESH">Western Sahara</option>
        <option class="" value="YEM">Yemen</option>
        <option class="" value="ZMB">Zambia</option>
        <option class="" value="ZWE">Zimbabwe</option>
      </select>
      <div class="input-group"><input title="" type="text" placeholder="Country of Residence" class="required ui-autocomplete-input" autocomplete="off">
        <div class="input-group-button"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget button arrow down dropdown-trigger" role="button"></a></div>
      </div>
      <ul id="ui-id-17" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
    </div>
    <div class="columns small-12">
      <label for="special_reqs">Special requirements:</label>
      <textarea name="special_requirements" placeholder="Please enter any special requirements..." rows="6" id="special_reqs"></textarea>
    </div>
  </div>
  <div class="row bottom-margin">
    <div class="columns large-9">
      <p class="text-left splash-privacy">
        <span>By submitting your information in this form you consent us to contact you regarding your Cruise Excursion requirements. For further information please see our
          <a href="https://www.cruisingexcursions.com/privacy-policy" target="_blank">Privacy Policy</a> here</span>
      </p>
    </div>
    <div class="columns large-3">
      <button id="submit_splash" type="submit" class="button secondary expanded" data-ng-disabled="submitInProgress" data-ng-class="{ 'square-spinner': submitInProgress }" data-ng-click="submitSplashForm($event, cex_splash_form)"> Submit </button>
    </div>
  </div>
</form>

Text Content

 * My Booking
 * 
 * Trade Login

+44 1543 547 101
Open 24/7
 * (GBP)
    * (GBP)
    * (USD)
    * (EUR)
    * (CAD)
    * (AUD)

Username::
Password:
Login
Forgotten your password?
Register
Booking number:
Surname:
View booking


 * Home
 * Ports of Call
   
   
   * MOST POPULAR PORTS OF CALL
     
      * Rome (Civitavecchia)
      * Kusadasi
      * Cannes
      * Stockholm
      * Dubai
     
      * La Spezia
      * Athens (Piraeus)
      * Marseille
      * St Petersburg
      * Abu Dhabi
     
      * Naples
      * Belfast
      * Dubrovnik
      * Bridgetown
      * Cairns
     
      * Livorno
      * Invergordon
      * Helsinki
      * Ocho Rios
      * Sydney
     
     View all ports of call
 * Group Travel
 * Contact Us

(0)
My basket
0 itemitems in your basket
Save and share
Save and share>

Discount£0.00
Total Price GBP £0.00

Continue shopping
Empty Basket
Book online
 * 0800 091 8274
 * (0)
 * 

0 itemitems in your basket
Save and share


Discount£0.00
Total Price GBP £0.00

Continue shopping
Empty Basket
Book online
 * Please select your currency GBP (£) USD ($) EUR (€) CAD ($) AUD ($)
   

 * --------------------------------------------------------------------------------

 * Home
 * Contact Us
 * About Us
 * Ports of Call
 * Group Travel
 * Transfers
 * FAQs

Pre-book cruise excursions
 * Search by Cruise
 * Search by Port Name

Search by cruise ship
Search by port name
Cruise line dropdown Type cruise line AidaAmbassadorAzamara CruisesCarnival
Cruise LinesCelebrity CruisesCelestyal CruisesCosta CruisesCroisieres De
FranceCruise and Maritime VoyagesCrystal CruisesCunard LineDisney Cruise
LineFred Olsen Cruise LinesHapag LloydHolland AmericaMarella CruisesMSC
CruisesMVNorwegian Cruise LineOceania CruisesPhoenix ReisenP & O CruisesP & O
Cruises AustraliaPrincess CruisesPullmantur CruisesRegent Seven Seas
CruisesRoyal Caribbean Saga CruisesSeabourn Cruise LineSeaDream Yacht
ClubSilversea CruisesStar ClippersSwan HellenicTUI CruisesViking
CruisesVirginWindstar Cruises

Cruise ship dropdown Cruise Ship AdoniaAdventure of the
SeasAIDAauraAIDAbellaAIDAbluAIDAcaraAIDAdivaAIDAlunaAIDAmarAIDAnovaAIDAprimaAIDAsolAIDAstellaAIDAvitaAlbatrosAllure
of the SeasAmadeaAmbassador AmbienceAnthem Of The
SeasArcadiaArtaniaArviaAstorAstoriaAuroraAzamara JourneyAzamara OnwardAzamara
PursuitAzamara QuestAzuraBalmoralBoletteBorealisBoudiccaBraemarBrilliance of the
SeasBritanniaCaribbean PrincessCarnival BreezeCarnival CelebrationCarnival
ConquestCarnival DreamCarnival EcstasyCarnival ElationCarnival FreedomCarnival
GloryCarnival HorizonCarnival LegendCarnival LibertyCarnival MagicCarnival Mardi
GrasCarnival MiracleCarnival PanoramaCarnival ParadiseCarnival PrideCarnival
RadianceCarnival SensationCarnival SpiritCarnival SplendorCarnival
SunriseCarnival SunshineCarnival TriumphCarnival ValorCarnival VictoryCarnival
VistaCelebrity ApexCelebrity BeyondCelebrity ConstellationCelebrity Eclipse
Celebrity EdgeCelebrity Equinox Celebrity InfinityCelebrity MillenniumCelebrity
ReflectionCelebrity Silhouette Celebrity SolsticeCelebrity SummitCelestyal
CrystalCelestyal OlympiaColumbus Coral PrincessCosta DeliziosaCosta DiademaCosta
FascinosaCosta FavolosaCosta FortunaCosta LuminosaCosta MagicaCosta
neoClassicaCosta neoRivieraCosta PacificaCosta SmeraldaCosta VeneziaCrown
PrincessCrystal SerenityCrystal SymphonyDawn PrincessDiamond PrincessDiscovery
PrincessDisney DreamDisney FantasyDisney MagicDisney WishDisney WonderEmerald
PrincessEmpressEnchanted PrincessEnchantment of the SeasExplorer of the
SeasFreedom of the SeasGolden PrincessGrandeur of the SeasGrand PrincessHarmony
of the Seas Holland America EurodamHolland America KoningsdamHolland America
Nieuw AmsterdamHolland America Nieuw StatendamHolland America NoordamHolland
America OosterdamHolland America PrinsendamHolland America RotterdamHolland
America VolendamHolland America WesterdamHolland America ZaandamHolland America
ZuiderdamHorizonHorizon (CDF)Independence of the Seas InsigniaIonaIsland
PrincessJewel of the SeasLegend of the SeasLiberty of the SeasMagellanMajestic
PrincessMarco PoloMarella DiscoveryMarella Discovery 2Marella ExplorerMarella
Explorer 2Marella MajestyMarella SpiritMarinaMariner of the SeasMein Schiff
1Mein Schiff 2Mein Schiff 3Mein Schiff 4Mein Schiff 5MonarchMSC ArmoniaMSC
BellissimaMSC DivinaMSC FantasiaMSC GrandiosaMSC LiricaMSC MagnificaMSC
MeravigliaMSC MusicaMSC OperaMSC OrchestraMSC PoesiaMSC PreziosaMSC SeashoreMSC
SeasideMSC SeaviewMSC SinfoniaMSC SplendidaMSC VirtuosaMSC World Europams
Europams Europa 2ms OosterdamMV Aegean Odysseymv MinervaMV
VoyagerNauticaNavigator of the Seas Norwegian BlissNorwegian BreakawayNorwegian
DawnNorwegian EncoreNorwegian EpicNorwegian EscapeNorwegian GemNorwegian
GetawayNorwegian Jade Norwegian JewelNorwegian JoyNorwegian PearlNorwegian
PrimaNorwegian SkyNorwegian Spirit Norwegian StarNorwegian SunOasis of the
SeasOdyssey of the SeasOrianaOvation of the SeasPacific EdenPacific
ExplorerPacific JewelPacific PearlPride of AmericaQuantum Of The SeasQueen
ElizabethQueen Mary 2Queen VictoriaRadiance of the SeasRegal
PrincessRegattaResilient LadyRhapsody of the SeasRivieraRoyal ClipperRoyal
PrincessRuby PrincessSaga Pearl IISapphire PrincessScarlet LadySeabourn
EncoreSeabourn OdysseySeabourn OvationSeabourn QuestSeabourn SojournSeaDream
ISeaDream IISerenade of the SeasSeven Seas ExplorerSeven Seas MarinerSeven Seas
NavigatorSeven Seas SplendorSeven Seas VoyagerSilver CloudSilver DawnSilver
MuseSilver ShadowSilver SpiritSilver WhisperSilver WindSirenaSky
PrincessSovereignSpectrum Of The SeasSpirit Of AdventureSpirit of DiscoveryStar
BreezeStar ClipperStar FlyerStar LegendStar PrideStar PrincessSymphony of the
SeasValiant LadyVasco da GamaVenturaViking JupiterViking OrionViking SeaViking
SkyViking StarViking SunViking VenusVision of the SeasVoyager of the SeasWind
SpiritWind StarWind SurfWonder of the SeasZenithZenith (CDF)

Date and Duration

Date and Duration

Back

Date Selection



Select cruise start date

January 2022

February 2022



Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31

Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28

Select cruise duration

Duration

no. of nts

Select the start date for your cruise sailing to view all ports of call
2 Adults


SELECT YOUR PASSENGERS


2 Adults

0 Children

0 Infants


--------------------------------------------------------------------------------

Children: 2 to 14 years old Infants: Under 2 years old
Search
Port selection

Date Selection

Date Selection

Back

Date Selection



Please select a date

January 2022

February 2022



Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31

Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28

Select cruise duration

Duration

no. of nts

Select the start date for your cruise sailing to view all ports of call
2 Adults


SELECT YOUR PASSENGERS


2 Adults

0 Children

0 Infants


--------------------------------------------------------------------------------

Children: 2 to 14 years old Infants: Under 2 years old
Search
Free cancellation
up to 14 days prior to sailing
25% deposit available
for 2021/2022 tours
Don't port, don't pay
full refund if your ship doesn't port
Guaranteed
to get you back to your ship
Customers rate Cruising Excursions Average score 4.4/5 based on 10932 reviews.
Powered by



WELCOME TO CRUISING EXCURSIONS

With more than 100 years of travel experience between our team it's no surprise
that since we began, our portfolio of shore excursions has grown in the
thousands. We offer an exceptional range of great value shore excursions to suit
all ages, interests and abilities. All cruise excursions and multi-port packages
are carefully designed to suit your ship's itinerary, and we always guarantee to
get you back to your ship on time. Our dedicated and passionate team are here
for you every step of the way.




OUR CRUISE EXCURSIONS

If you're looking for something specific, or are open to exploring the world,
our independent cruise excursions cater for everyone.

PORT TRANSFERS

As well as cruise excursions we also offer transfers from ports to your chosen
hotel or airport.

GROUP SHORE EXCURSIONS

Our group cruise excursions are perfect for groups ranging in size from 2 – 20
or more people.

PRIVATE SHORE EXCURSIONS

Experience your perfect trip with our range of private cruise excursion from one
of our expert tour guides.

FAMILY FRIENDLY CRUISE EXCURSIONS

Find something that everyone can enjoy on your cruise with a family friendly
shore excursion.

LUXURY SHORE EXCURSIONS

Only the very best will do. Make sure you visit every destination on your cruise
and do it in style.

ACCESSIBLE SHORE EXCURSIONS

Providing the perfect tours tailored to your individual needs and requirements.

CUSTOMER REVIEWS

Customer Feefo rating of 4.3/5 for our independent shore excursions

FAQS

All the answers to your questions about your cruise excursion

FOREIGN TRAVEL ADVICE

Make sure you are well informed before you travel. Find the latest foreign
travel advice here.


SIGN UP TO RECEIVE OUR NEWSLETTER OFFERS

Email Address:
Submit Submit


WE SUPPORT THE FOLLOWING PAYMENT METHODS:


 * Cruising Excursions Ltd
 * Company registered in London UK
 * Company Registration: 7567208 VAT: 112328065
 * Registered Office: Cherry Garden Pier, Cherry Garden Street, Rotherhithe,
   London SE16 4TU


STAY INFORMED. FIND US ON...



 * Terms and Conditions
 * Contact Us
 * About Us
 * Careers
 * Privacy Policy
 * Trade Partnerships
 * Website T&Cs

© 2021 Cruising Excursions Ltd



Please enter your email address to reset your password
Your email address: Email is a required field.
Reset password
Enquiry form



YOUR DETAILS

Fields with a marker are required.
Title: Title Mr Mrs Ms Miss Dr

Please select a title
First name:
Please enter your first name.
Surname:
Please enter your surname.
Email address:
Email address is required if telephone number is not specified.
Phone number:
Telephone number is required if email address is not specified.


CRUISE DETAILS

Cruise line dropdown Type cruise line AidaAmbassadorAzamara CruisesCarnival
Cruise LinesCelebrity CruisesCelestyal CruisesCosta CruisesCroisieres De
FranceCruise and Maritime VoyagesCrystal CruisesCunard LineDisney Cruise
LineFred Olsen Cruise LinesHapag LloydHolland AmericaMarella CruisesMSC
CruisesMVNorwegian Cruise LineOceania CruisesPhoenix ReisenP & O CruisesP & O
Cruises AustraliaPrincess CruisesPullmantur CruisesRegent Seven Seas
CruisesRoyal Caribbean Saga CruisesSeabourn Cruise LineSeaDream Yacht
ClubSilversea CruisesStar ClippersSwan HellenicTUI CruisesViking
CruisesVirginWindstar Cruises

Please select a cruise line.
Cruise ship dropdown Cruise Ship AdoniaAdventure of the
SeasAIDAauraAIDAbellaAIDAbluAIDAcaraAIDAdivaAIDAlunaAIDAmarAIDAnovaAIDAprimaAIDAsolAIDAstellaAIDAvitaAlbatrosAllure
of the SeasAmadeaAmbassador AmbienceAnthem Of The
SeasArcadiaArtaniaArviaAstorAstoriaAuroraAzamara JourneyAzamara OnwardAzamara
PursuitAzamara QuestAzuraBalmoralBoletteBorealisBoudiccaBraemarBrilliance of the
SeasBritanniaCaribbean PrincessCarnival BreezeCarnival CelebrationCarnival
ConquestCarnival DreamCarnival EcstasyCarnival ElationCarnival FreedomCarnival
GloryCarnival HorizonCarnival LegendCarnival LibertyCarnival MagicCarnival Mardi
GrasCarnival MiracleCarnival PanoramaCarnival ParadiseCarnival PrideCarnival
RadianceCarnival SensationCarnival SpiritCarnival SplendorCarnival
SunriseCarnival SunshineCarnival TriumphCarnival ValorCarnival VictoryCarnival
VistaCelebrity ApexCelebrity BeyondCelebrity ConstellationCelebrity Eclipse
Celebrity EdgeCelebrity Equinox Celebrity InfinityCelebrity MillenniumCelebrity
ReflectionCelebrity Silhouette Celebrity SolsticeCelebrity SummitCelestyal
CrystalCelestyal OlympiaColumbus Coral PrincessCosta DeliziosaCosta DiademaCosta
FascinosaCosta FavolosaCosta FortunaCosta LuminosaCosta MagicaCosta
neoClassicaCosta neoRivieraCosta PacificaCosta SmeraldaCosta VeneziaCrown
PrincessCrystal SerenityCrystal SymphonyDawn PrincessDiamond PrincessDiscovery
PrincessDisney DreamDisney FantasyDisney MagicDisney WishDisney WonderEmerald
PrincessEmpressEnchanted PrincessEnchantment of the SeasExplorer of the
SeasFreedom of the SeasGolden PrincessGrandeur of the SeasGrand PrincessHarmony
of the Seas Holland America EurodamHolland America KoningsdamHolland America
Nieuw AmsterdamHolland America Nieuw StatendamHolland America NoordamHolland
America OosterdamHolland America PrinsendamHolland America RotterdamHolland
America VolendamHolland America WesterdamHolland America ZaandamHolland America
ZuiderdamHorizonHorizon (CDF)Independence of the Seas InsigniaIonaIsland
PrincessJewel of the SeasLegend of the SeasLiberty of the SeasMagellanMajestic
PrincessMarco PoloMarella DiscoveryMarella Discovery 2Marella ExplorerMarella
Explorer 2Marella MajestyMarella SpiritMarinaMariner of the SeasMein Schiff
1Mein Schiff 2Mein Schiff 3Mein Schiff 4Mein Schiff 5MonarchMSC ArmoniaMSC
BellissimaMSC DivinaMSC FantasiaMSC GrandiosaMSC LiricaMSC MagnificaMSC
MeravigliaMSC MusicaMSC OperaMSC OrchestraMSC PoesiaMSC PreziosaMSC SeashoreMSC
SeasideMSC SeaviewMSC SinfoniaMSC SplendidaMSC VirtuosaMSC World Europams
Europams Europa 2ms OosterdamMV Aegean Odysseymv MinervaMV
VoyagerNauticaNavigator of the Seas Norwegian BlissNorwegian BreakawayNorwegian
DawnNorwegian EncoreNorwegian EpicNorwegian EscapeNorwegian GemNorwegian
GetawayNorwegian Jade Norwegian JewelNorwegian JoyNorwegian PearlNorwegian
PrimaNorwegian SkyNorwegian Spirit Norwegian StarNorwegian SunOasis of the
SeasOdyssey of the SeasOrianaOvation of the SeasPacific EdenPacific
ExplorerPacific JewelPacific PearlPride of AmericaQuantum Of The SeasQueen
ElizabethQueen Mary 2Queen VictoriaRadiance of the SeasRegal
PrincessRegattaResilient LadyRhapsody of the SeasRivieraRoyal ClipperRoyal
PrincessRuby PrincessSaga Pearl IISapphire PrincessScarlet LadySeabourn
EncoreSeabourn OdysseySeabourn OvationSeabourn QuestSeabourn SojournSeaDream
ISeaDream IISerenade of the SeasSeven Seas ExplorerSeven Seas MarinerSeven Seas
NavigatorSeven Seas SplendorSeven Seas VoyagerSilver CloudSilver DawnSilver
MuseSilver ShadowSilver SpiritSilver WhisperSilver WindSirenaSky
PrincessSovereignSpectrum Of The SeasSpirit Of AdventureSpirit of DiscoveryStar
BreezeStar ClipperStar FlyerStar LegendStar PrideStar PrincessSymphony of the
SeasValiant LadyVasco da GamaVenturaViking JupiterViking OrionViking SeaViking
SkyViking StarViking SunViking VenusVision of the SeasVoyager of the SeasWind
SpiritWind StarWind SurfWonder of the SeasZenithZenith (CDF)

Date and Duration:

Date Selection

Back

Date Selection



Please select a date

January 2022

February 2022



Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31

Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28

Select cruise duration

Duration

no. of nts

Select the start date for your cruise sailing to view all ports of call


YOUR ENQUIRY

Reason for enquiry: Reason for enquiry Sales Enquiry General Enquiry Request a
call back Tailormade / private tours Group Bookings Amend a booking Cannot find
cruise ship/itinerary

Please select a reason for your enquiry.

Submit enquiry





ADDITIONAL INFORMATION (OPTIONAL)


Title: Title Mr Mrs Ms Miss Dr

First name:
Surname:
Cruise line: Type cruise line AidaAmbassadorAzamara CruisesCarnival Cruise
LinesCelebrity CruisesCelestyal CruisesCosta CruisesCroisieres De FranceCruise
and Maritime VoyagesCrystal CruisesCunard LineDisney Cruise LineFred Olsen
Cruise LinesHapag LloydHolland AmericaMarella CruisesMSC CruisesMVNorwegian
Cruise LineOceania CruisesPhoenix ReisenP & O CruisesP & O Cruises
AustraliaPrincess CruisesPullmantur CruisesRegent Seven Seas CruisesRoyal
Caribbean Saga CruisesSeabourn Cruise LineSeaDream Yacht ClubSilversea
CruisesStar ClippersSwan HellenicTUI CruisesViking CruisesVirginWindstar Cruises

Cruise ship: Cruise Ship AdoniaAdventure of the
SeasAIDAauraAIDAbellaAIDAbluAIDAcaraAIDAdivaAIDAlunaAIDAmarAIDAnovaAIDAprimaAIDAsolAIDAstellaAIDAvitaAlbatrosAllure
of the SeasAmadeaAmbassador AmbienceAnthem Of The
SeasArcadiaArtaniaArviaAstorAstoriaAuroraAzamara JourneyAzamara OnwardAzamara
PursuitAzamara QuestAzuraBalmoralBoletteBorealisBoudiccaBraemarBrilliance of the
SeasBritanniaCaribbean PrincessCarnival BreezeCarnival CelebrationCarnival
ConquestCarnival DreamCarnival EcstasyCarnival ElationCarnival FreedomCarnival
GloryCarnival HorizonCarnival LegendCarnival LibertyCarnival MagicCarnival Mardi
GrasCarnival MiracleCarnival PanoramaCarnival ParadiseCarnival PrideCarnival
RadianceCarnival SensationCarnival SpiritCarnival SplendorCarnival
SunriseCarnival SunshineCarnival TriumphCarnival ValorCarnival VictoryCarnival
VistaCelebrity ApexCelebrity BeyondCelebrity ConstellationCelebrity Eclipse
Celebrity EdgeCelebrity Equinox Celebrity InfinityCelebrity MillenniumCelebrity
ReflectionCelebrity Silhouette Celebrity SolsticeCelebrity SummitCelestyal
CrystalCelestyal OlympiaColumbus Coral PrincessCosta DeliziosaCosta DiademaCosta
FascinosaCosta FavolosaCosta FortunaCosta LuminosaCosta MagicaCosta
neoClassicaCosta neoRivieraCosta PacificaCosta SmeraldaCosta VeneziaCrown
PrincessCrystal SerenityCrystal SymphonyDawn PrincessDiamond PrincessDiscovery
PrincessDisney DreamDisney FantasyDisney MagicDisney WishDisney WonderEmerald
PrincessEmpressEnchanted PrincessEnchantment of the SeasExplorer of the
SeasFreedom of the SeasGolden PrincessGrandeur of the SeasGrand PrincessHarmony
of the Seas Holland America EurodamHolland America KoningsdamHolland America
Nieuw AmsterdamHolland America Nieuw StatendamHolland America NoordamHolland
America OosterdamHolland America PrinsendamHolland America RotterdamHolland
America VolendamHolland America WesterdamHolland America ZaandamHolland America
ZuiderdamHorizonHorizon (CDF)Independence of the Seas InsigniaIonaIsland
PrincessJewel of the SeasLegend of the SeasLiberty of the SeasMagellanMajestic
PrincessMarco PoloMarella DiscoveryMarella Discovery 2Marella ExplorerMarella
Explorer 2Marella MajestyMarella SpiritMarinaMariner of the SeasMein Schiff
1Mein Schiff 2Mein Schiff 3Mein Schiff 4Mein Schiff 5MonarchMSC ArmoniaMSC
BellissimaMSC DivinaMSC FantasiaMSC GrandiosaMSC LiricaMSC MagnificaMSC
MeravigliaMSC MusicaMSC OperaMSC OrchestraMSC PoesiaMSC PreziosaMSC SeashoreMSC
SeasideMSC SeaviewMSC SinfoniaMSC SplendidaMSC VirtuosaMSC World Europams
Europams Europa 2ms OosterdamMV Aegean Odysseymv MinervaMV
VoyagerNauticaNavigator of the Seas Norwegian BlissNorwegian BreakawayNorwegian
DawnNorwegian EncoreNorwegian EpicNorwegian EscapeNorwegian GemNorwegian
GetawayNorwegian Jade Norwegian JewelNorwegian JoyNorwegian PearlNorwegian
PrimaNorwegian SkyNorwegian Spirit Norwegian StarNorwegian SunOasis of the
SeasOdyssey of the SeasOrianaOvation of the SeasPacific EdenPacific
ExplorerPacific JewelPacific PearlPride of AmericaQuantum Of The SeasQueen
ElizabethQueen Mary 2Queen VictoriaRadiance of the SeasRegal
PrincessRegattaResilient LadyRhapsody of the SeasRivieraRoyal ClipperRoyal
PrincessRuby PrincessSaga Pearl IISapphire PrincessScarlet LadySeabourn
EncoreSeabourn OdysseySeabourn OvationSeabourn QuestSeabourn SojournSeaDream
ISeaDream IISerenade of the SeasSeven Seas ExplorerSeven Seas MarinerSeven Seas
NavigatorSeven Seas SplendorSeven Seas VoyagerSilver CloudSilver DawnSilver
MuseSilver ShadowSilver SpiritSilver WhisperSilver WindSirenaSky
PrincessSovereignSpectrum Of The SeasSpirit Of AdventureSpirit of DiscoveryStar
BreezeStar ClipperStar FlyerStar LegendStar PrideStar PrincessSymphony of the
SeasValiant LadyVasco da GamaVenturaViking JupiterViking OrionViking SeaViking
SkyViking StarViking SunViking VenusVision of the SeasVoyager of the SeasWind
SpiritWind StarWind SurfWonder of the SeasZenithZenith (CDF)

Date and Duration:

Date Selection

Back

Date Selection



Select cruise start date

January 2022

February 2022



Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31

Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28

Select cruise duration

Duration

no. of nts

Select the start date for your cruise sailing to view all ports of call
2 Adults


SELECT YOUR PASSENGERS


2 Adults

0 Children

0 Infants


--------------------------------------------------------------------------------

Children: 2 to 14 years old Infants: Under 2 years old
Port name:

Country of origin Country of origin United Kingdom United States Australia
Canada Ireland New Zealand Afghanistan Albania Algeria American Samoa Andorra
Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Austria
Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin
Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Bouvet Island Brazil
British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina
Faso Burma Burundi Cambodia Cameroon Cape Verde Cayman Islands Central African
Republic Chad Chile China Christmas Island Cocos Islands Colombia Comoros Cook
Islands Costa Rica Croatia Cuba Curacao Cyprus Czech Republic Democratic
Republic of the Congo Denmark Djibouti Dominica Dominican Republic Ecuador Egypt
El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands Faroe
Islands Fiji Finland France French Guiana French Polynesia French Southern and
Antarctic Lands Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland
Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti
Heard Island and McDonald Islands Holy See (Vatican City) Honduras Hong Kong
Hungary Iceland India Indonesia Iran Iraq Isle of Man Israel Italy Ivory Coast
Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kosovo Kuwait Kyrgyzstan
Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg
Macau Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands
Martinique Mauritania Mauritius Mayotte Mexico Micronesia, Federated States of
Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Namibia Nauru
Nepal Netherlands Netherlands Antilles New Caledonia Nicaragua Niger Nigeria
Niue Norfolk Island Northern Mariana Islands North Korea Norway Oman Pakistan
Palau Palestine Panama Papua New Guinea Paraguay Peru Philippines Pitcairn
Islands Poland Portugal Puerto Rico Qatar Republic of the Congo Reunion Romania
Russia Rwanda Saint Barthelemy Saint Helena, Ascension and Tristan da Cunha
Saint Kitts and Nevis Saint Lucia Saint Martin Saint Pierre and Miquelon Saint
Vincent and the Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia
Senegal Serbia Seychelles Sierra Leone Singapore Slovakia Slovenia Solomon
Islands Somalia South Africa South Georgia and South Sandwich Islands South
Korea South Sudan Spain Sri Lanka Sudan Suriname Svalbard Swaziland Sweden
Switzerland Syria Taiwan Tajikistan Tanzania Thailand Timor-Leste Togo Tokelau
Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands
Tuvalu Uganda Ukraine United Arab Emirates Uruguay Uzbekistan Vanuatu Venezuela
Vietnam Virgin Islands Wallis and Futuna Western Sahara Yemen Zambia Zimbabwe



CRUISING INTERESTS



Essential Collection - Most popular excursions
Private Tours - Tailored to suit your needs
Discounted Multi Port Packages
Port Transfers (Shared & Private)
View All
Click here to view our Privacy Policy
Submit

Thankyou for signing up to our mailing list




SAVE AND SHARE



Save and share the contents of your basket so that your friends can join you on
the same excursions

Send to email:
Sent from email:
Special requirements:
Send emails

Please enter an email address






Welcome to the world of Cruising Excursions.

Our shore excursion experts are here to help you!

Please enter your cruise ship and sail date, along with your contact details and
we will be in touch with you shortly with a personalised quotation on our most
popular tours to suit your cruise ship itinerary.

Alternatively you can call us on our Free/Toll Free number displayed above and
speak with one of our Shore Excursion experts.

Forename:
Surname:
Email Address: Please enter a valid email address.
Telephone Number:
Cruise ship dropdown Cruise Ship AdoniaAdventure of the
SeasAIDAauraAIDAbellaAIDAbluAIDAcaraAIDAdivaAIDAlunaAIDAmarAIDAnovaAIDAprimaAIDAsolAIDAstellaAIDAvitaAlbatrosAllure
of the SeasAmadeaAmbassador AmbienceAnthem Of The
SeasArcadiaArtaniaArviaAstorAstoriaAuroraAzamara JourneyAzamara OnwardAzamara
PursuitAzamara QuestAzuraBalmoralBoletteBorealisBoudiccaBraemarBrilliance of the
SeasBritanniaCaribbean PrincessCarnival BreezeCarnival CelebrationCarnival
ConquestCarnival DreamCarnival EcstasyCarnival ElationCarnival FreedomCarnival
GloryCarnival HorizonCarnival LegendCarnival LibertyCarnival MagicCarnival Mardi
GrasCarnival MiracleCarnival PanoramaCarnival ParadiseCarnival PrideCarnival
RadianceCarnival SensationCarnival SpiritCarnival SplendorCarnival
SunriseCarnival SunshineCarnival TriumphCarnival ValorCarnival VictoryCarnival
VistaCelebrity ApexCelebrity BeyondCelebrity ConstellationCelebrity Eclipse
Celebrity EdgeCelebrity Equinox Celebrity InfinityCelebrity MillenniumCelebrity
ReflectionCelebrity Silhouette Celebrity SolsticeCelebrity SummitCelestyal
CrystalCelestyal OlympiaColumbus Coral PrincessCosta DeliziosaCosta DiademaCosta
FascinosaCosta FavolosaCosta FortunaCosta LuminosaCosta MagicaCosta
neoClassicaCosta neoRivieraCosta PacificaCosta SmeraldaCosta VeneziaCrown
PrincessCrystal SerenityCrystal SymphonyDawn PrincessDiamond PrincessDiscovery
PrincessDisney DreamDisney FantasyDisney MagicDisney WishDisney WonderEmerald
PrincessEmpressEnchanted PrincessEnchantment of the SeasExplorer of the
SeasFreedom of the SeasGolden PrincessGrandeur of the SeasGrand PrincessHarmony
of the Seas Holland America EurodamHolland America KoningsdamHolland America
Nieuw AmsterdamHolland America Nieuw StatendamHolland America NoordamHolland
America OosterdamHolland America PrinsendamHolland America RotterdamHolland
America VolendamHolland America WesterdamHolland America ZaandamHolland America
ZuiderdamHorizonHorizon (CDF)Independence of the Seas InsigniaIonaIsland
PrincessJewel of the SeasLegend of the SeasLiberty of the SeasMagellanMajestic
PrincessMarco PoloMarella DiscoveryMarella Discovery 2Marella ExplorerMarella
Explorer 2Marella MajestyMarella SpiritMarinaMariner of the SeasMein Schiff
1Mein Schiff 2Mein Schiff 3Mein Schiff 4Mein Schiff 5MonarchMSC ArmoniaMSC
BellissimaMSC DivinaMSC FantasiaMSC GrandiosaMSC LiricaMSC MagnificaMSC
MeravigliaMSC MusicaMSC OperaMSC OrchestraMSC PoesiaMSC PreziosaMSC SeashoreMSC
SeasideMSC SeaviewMSC SinfoniaMSC SplendidaMSC VirtuosaMSC World Europams
Europams Europa 2ms OosterdamMV Aegean Odysseymv MinervaMV
VoyagerNauticaNavigator of the Seas Norwegian BlissNorwegian BreakawayNorwegian
DawnNorwegian EncoreNorwegian EpicNorwegian EscapeNorwegian GemNorwegian
GetawayNorwegian Jade Norwegian JewelNorwegian JoyNorwegian PearlNorwegian
PrimaNorwegian SkyNorwegian Spirit Norwegian StarNorwegian SunOasis of the
SeasOdyssey of the SeasOrianaOvation of the SeasPacific EdenPacific
ExplorerPacific JewelPacific PearlPride of AmericaQuantum Of The SeasQueen
ElizabethQueen Mary 2Queen VictoriaRadiance of the SeasRegal
PrincessRegattaResilient LadyRhapsody of the SeasRivieraRoyal ClipperRoyal
PrincessRuby PrincessSaga Pearl IISapphire PrincessScarlet LadySeabourn
EncoreSeabourn OdysseySeabourn OvationSeabourn QuestSeabourn SojournSeaDream
ISeaDream IISerenade of the SeasSeven Seas ExplorerSeven Seas MarinerSeven Seas
NavigatorSeven Seas SplendorSeven Seas VoyagerSilver CloudSilver DawnSilver
MuseSilver ShadowSilver SpiritSilver WhisperSilver WindSirenaSky
PrincessSovereignSpectrum Of The SeasSpirit Of AdventureSpirit of DiscoveryStar
BreezeStar ClipperStar FlyerStar LegendStar PrideStar PrincessSymphony of the
SeasValiant LadyVasco da GamaVenturaViking JupiterViking OrionViking SeaViking
SkyViking StarViking SunViking VenusVision of the SeasVoyager of the SeasWind
SpiritWind StarWind SurfWonder of the SeasZenithZenith (CDF)


Date Selection

Back

Date Selection



Please select a date

January 2022

February 2022



Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30 31

Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28

Select cruise duration

Duration

no. of nts

Select the start date for your cruise sailing to view all ports of call
Duration:
2 Adults


SELECT YOUR PASSENGERS


2 Adults

0 Children

0 Infants


--------------------------------------------------------------------------------

Children: 2 to 14 years old Infants: Under 2 years old
Country of Residence: Country of Residence United Kingdom United States
Australia Canada Ireland New Zealand Afghanistan Albania Algeria American Samoa
Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba
Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize
Benin Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Bouvet Island
Brazil British Indian Ocean Territory British Virgin Islands Brunei Bulgaria
Burkina Faso Burma Burundi Cambodia Cameroon Cape Verde Cayman Islands Central
African Republic Chad Chile China Christmas Island Cocos Islands Colombia
Comoros Cook Islands Costa Rica Croatia Cuba Curacao Cyprus Czech Republic
Democratic Republic of the Congo Denmark Djibouti Dominica Dominican Republic
Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland
Islands Faroe Islands Fiji Finland France French Guiana French Polynesia French
Southern and Antarctic Lands Gabon Gambia Georgia Germany Ghana Gibraltar Greece
Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana
Haiti Heard Island and McDonald Islands Holy See (Vatican City) Honduras Hong
Kong Hungary Iceland India Indonesia Iran Iraq Isle of Man Israel Italy Ivory
Coast Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kosovo Kuwait
Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania
Luxembourg Macau Macedonia Madagascar Malawi Malaysia Maldives Mali Malta
Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia,
Federated States of Moldova Monaco Mongolia Montenegro Montserrat Morocco
Mozambique Namibia Nauru Nepal Netherlands Netherlands Antilles New Caledonia
Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands North Korea
Norway Oman Pakistan Palau Palestine Panama Papua New Guinea Paraguay Peru
Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Republic of the
Congo Reunion Romania Russia Rwanda Saint Barthelemy Saint Helena, Ascension and
Tristan da Cunha Saint Kitts and Nevis Saint Lucia Saint Martin Saint Pierre and
Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and Principe
Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Slovakia Slovenia
Solomon Islands Somalia South Africa South Georgia and South Sandwich Islands
South Korea South Sudan Spain Sri Lanka Sudan Suriname Svalbard Swaziland Sweden
Switzerland Syria Taiwan Tajikistan Tanzania Thailand Timor-Leste Togo Tokelau
Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands
Tuvalu Uganda Ukraine United Arab Emirates Uruguay Uzbekistan Vanuatu Venezuela
Vietnam Virgin Islands Wallis and Futuna Western Sahara Yemen Zambia Zimbabwe

Special requirements:

By submitting your information in this form you consent us to contact you
regarding your Cruise Excursion requirements. For further information please see
our Privacy Policy here

Submit

1 trip added to your basket.




Your basket: 0 itemitems


Continue shopping
Book online
Please select a cruise ship first.