www.the-connaught.co.uk Open in urlscan Pro
2606:4700::6812:1f0b  Public Scan

URL: https://www.the-connaught.co.uk/jean-georges-online-reservations-policy/
Submission: On December 16 via manual from SG — Scanned from DE

Form analysis 5 forms found in the DOM

<form>
  <div class="container-fluid">
    <div class="room-booking__calendar">
      <h3 class="room-booking__title text-center"> Select dates </h3>
      <div id="datepicker" class="themed-calendar hasDatepicker">
        <div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi" style="width: 34em; display: block;">
          <div class="ui-datepicker-group ui-datepicker-group-first">
            <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
              <a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="Previous month" tabindex="0"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a>
              <div class="ui-datepicker-title"><span class="ui-datepicker-month">December</span>&nbsp;<span class="ui-datepicker-year">2021</span></div>
            </div>
            <table class="ui-datepicker-calendar" role="presentation">
              <thead>
                <tr>
                  <th scope="col"><span title="Monday">M</span></th>
                  <th scope="col"><span title="Tuesday">T</span></th>
                  <th scope="col"><span title="Wednesday">W</span></th>
                  <th scope="col"><span title="Thursday">T</span></th>
                  <th scope="col"><span title="Friday">F</span></th>
                  <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">S</span></th>
                  <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">S</span></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
                  <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
                  <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
                </tr>
                <tr>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
                  <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
                  <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
                </tr>
                <tr>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
                  <td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
                  <td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="11" data-year="2021">
                    <a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#" role="button" aria-pressed="true" aria-label="Thursday 16th December">16</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 17th December">17</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 18th December">18</a>
                  </td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 19th December">19</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 20th December">20</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 21th December">21</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 22th December">22</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 23th December">23</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 24th December">24</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 25th December">25</a>
                  </td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 26th December">26</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 27th December">27</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 28th December">28</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 29th December">29</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 30th December">30</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 31th December">31</a></td>
                  <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-datepicker-group ui-datepicker-group-last">
            <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
              <a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next month" tabindex="0"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
              <div class="ui-datepicker-title"><span class="ui-datepicker-month">January</span>&nbsp;<span class="ui-datepicker-year">2022</span></div>
            </div>
            <table class="ui-datepicker-calendar" role="presentation">
              <thead>
                <tr>
                  <th scope="col"><span title="Monday">M</span></th>
                  <th scope="col"><span title="Tuesday">T</span></th>
                  <th scope="col"><span title="Wednesday">W</span></th>
                  <th scope="col"><span title="Thursday">T</span></th>
                  <th scope="col"><span title="Friday">F</span></th>
                  <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">S</span></th>
                  <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">S</span></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 1st January">1</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 2nd January">2</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 3rd January">3</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 4th January">4</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 5th January">5</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 6th January">6</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 7th January">7</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 8th January">8</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 9th January">9</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 10th January">10</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 11th January">11</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 12th January">12</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 13th January">13</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 14th January">14</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 15th January">15</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 16th January">16</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 17th January">17</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 18th January">18</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 19th January">19</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 20th January">20</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 21th January">21</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 22th January">22</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 23th January">23</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 24th January">24</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 25th January">25</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 26th January">26</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 27th January">27</a></td>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 28th January">28</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 29th January">29</a></td>
                  <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 30th January">30</a></td>
                </tr>
                <tr>
                  <td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 31th January">31</a></td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                  <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="ui-datepicker-row-break"></div>
        </div>
      </div>
      <div class="room-booking__dates-selected">
        <p><strong>Check-in:</strong> <span id="date__start-date" class="date__start-date">Please select your date</span></p>
        <p><strong>Check-out:</strong> <span id="date__end-date" class="date__end-date">Please select your date</span></p>
      </div>
      <div role="status" aria-live="polite" aria-atomic="true" id="room-booking__status-message" class="visually-hidden"></div>
    </div>
    <div class="room-booking__room-booking">
      <h3 class="room-booking__title text-center"> Select rooms &amp; occupancy </h3>
      <div class="booking-table">
        <div>
          <div class="booking-table__row">
            <div class="booking-table__room"><span>Room 1</span></div>
            <div class="booking-table__adults">
              <div class="room-booking__dropdown"><label>Adults</label>
                <fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" id="'radiogroup-adult' + key" class="room-booking__form-group">
                  <legend id="adult-dropdown-label0" class="visually-hidden">Select number of adults staying in room 1</legend> <button aria-haspopup="listbox" aria-labelledby="adult-dropdown-label0" class="room-booking__filter-btn"> 2 <span
                      role="presentation" class="room-booking__arrow-icon-wrapper"><svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
                      </svg></span></button>
                  <div aria-labelledby="adult-dropdown-label0" role="listbox" aria-hidden="true" class="room-booking__dropdown-options">
                    <div class="room-booking__form-item">
                      <div class="room-booking__radio-item"><label for="rbOption00"><input role="option" type="radio" id="rbOption00" name="radiogroup-adult0" value="1">1 </label></div>
                    </div>
                    <div class="room-booking__form-item">
                      <div class="room-booking__radio-item"><label for="rbOption10"><input role="option" type="radio" id="rbOption10" name="radiogroup-adult0" value="2">2 </label></div>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div class="booking-table__children">
              <div class="room-booking__dropdown"><label>Children</label>
                <fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" id="radiogroup-child0" class="room-booking__form-group">
                  <legend id="child-dropdown-label0" class="visually-hidden">Select number of children staying in room 1</legend> <button aria-haspopup="listbox" aria-labelledby="child-dropdown-label0" class="room-booking__filter-btn"> 0 <span
                      role="presentation" class="room-booking__arrow-icon-wrapper"><svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
                      </svg></span></button>
                  <div aria-labelledby="child-dropdown-label0" role="listbox" aria-hidden="true" class="room-booking__dropdown-options">
                    <div class="room-booking__form-item">
                      <div class="room-booking__radio-item"><label for="rbChildOption00"><input role="option" type="radio" id="rbChildOption00" name="radiogroup-child0" value="0">0 </label></div>
                    </div>
                    <div class="room-booking__form-item">
                      <div class="room-booking__radio-item"><label for="rbChildOption01"><input role="option" type="radio" id="rbChildOption01" name="radiogroup-child0" value="1">1 </label></div>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div class="room-booking__remove-room"><!----></div>
          </div>
        </div>
        <div class="room-booking__add-room"><button class="btn btn--add-room">Add Room</button></div>
      </div>
      <div role="status" aria-live="polite" aria-atomic="true" class="booking-alert visually-hidden">
        <p><!----></p>
      </div> <button disabled="disabled" class="btn btn--primary btn--room-booking">Check Availability</button>
    </div>
  </div>
</form>

<form v-on:submit.prevent="">
  <div class="container-fluid">
    <div class="room-booking__calendar">
      <h3 class="room-booking__title text-center"> Select dates </h3>
      <date-picker @update-date="updateDate" date-format="yy-mm-dd" class="themed-calendar"></date-picker>
      <div class="room-booking__dates-selected">
        <p><strong>Check-in:</strong> <span class="date__start-date" id="date__start-date">Please select your date</span></p>
        <p><strong>Check-out:</strong> <span class="date__end-date" id="date__end-date">Please select your date</span></p>
      </div>
      <div role="status" aria-live="polite" aria-atomic="true" class="visually-hidden" id="room-booking__status-message"></div>
    </div>
    <div class="room-booking__room-booking">
      <h3 class="room-booking__title text-center"> Select rooms &amp; occupancy </h3>
      <div class="booking-table">
        <div v-for="(room, key) in rooms">
          <div class="booking-table__row">
            <div class="booking-table__room">
              <span>Room {{key + 1}}</span>
            </div>
            <div class="booking-table__adults">
              <div class="room-booking__dropdown">
                <label v-if="key == 0">Adults</label>
                <fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" class="room-booking__form-group" id="'radiogroup-adult' + key" @change="onChange($event)">
                  <legend :id="'adult-dropdown-label' + key" class="visually-hidden">Select number of adults staying in room {{key + 1}}</legend>
                  <button @keydown="arrowNavigationInit" aria-haspopup="listbox" :aria-labelledby="'adult-dropdown-label' + key" @click="toggleOpenFilter" class="room-booking__filter-btn">
                    {{ room.adult }}
                    <span class="room-booking__arrow-icon-wrapper" role="presentation">
                      <svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
                      </svg>
                    </span>
                  </button>
                  <div class="room-booking__dropdown-options" :aria-labelledby="'adult-dropdown-label' + key" role="listbox" aria-hidden="true">
                    <div class="room-booking__form-item" v-for="(option , radioKey) in maxAdults">
                      <div class="room-booking__radio-item">
                        <label :for="'rbOption' + radioKey + key">
                          <input role="option" type="radio" @keydown="arrowNavigationToggle" :id="'rbOption' + radioKey + key" :name="'radiogroup-adult' + key" :value="radioKey + 1" v-model="room.adult">{{ radioKey + 1 }}
                        </label>
                      </div>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div class="booking-table__children">
              <div class="room-booking__dropdown">
                <label v-if="key == 0">Children</label>
                <fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" class="room-booking__form-group" :id="'radiogroup-child' + key" @change="onChange($event)">
                  <legend :id="'child-dropdown-label' + key" class="visually-hidden">Select number of children staying in room {{key + 1}}</legend>
                  <button @keydown="arrowNavigationInit" aria-haspopup="listbox" :aria-labelledby="'child-dropdown-label' + key" @click="toggleOpenFilter" class="room-booking__filter-btn">
                    {{ room.children }}
                    <span class="room-booking__arrow-icon-wrapper" role="presentation">
                      <svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
                      </svg>
                    </span>
                  </button>
                  <div class="room-booking__dropdown-options" :aria-labelledby="'child-dropdown-label' + key" role="listbox" aria-hidden="true">
                    <div class="room-booking__form-item" v-for="(option , radioKey) in maxChildren">
                      <div class="room-booking__radio-item">
                        <label :for="'rbChildOption' + key + radioKey">
                          <input role="option" type="radio" @keydown="arrowNavigationToggle" :id="'rbChildOption' + key +  radioKey" :name="'radiogroup-child' + key" :value="radioKey" v-model="room.children">{{ radioKey }}
                        </label>
                      </div>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div class="room-booking__remove-room">
              <button class="btn btn--remove-room" v-if="key > 0" @click="removeRoom(room,key)">
                <svg role="img" aria-label="remove room" class="close-menu__svg">
                  <title>remove room</title>
                  <use xlink:href="/Static/images/sprites/symbol.svg#close"></use>
                </svg>
              </button>
            </div>
          </div>
        </div> <!-- end loop -->
        <div class="room-booking__add-room">
          <button class="btn btn--add-room" v-if="rooms.length <= 3" @click="addRoom">Add Room</button>
        </div>
      </div>
      <div class="booking-alert" role="status" aria-live="polite" aria-atomic="true" :class="{ 'visually-hidden': !showMaxPeopleInfo }">
        <p><span v-if="showMaxPeopleInfo">To book a room for 3 or more guests, please call <a href="tel:+442071078945">+44 (0)20 7107 8945</a></span></p>
      </div>
      <button class="btn btn--primary btn--room-booking" @click="checkAvailability" :disabled="showMaxPeopleInfo == true || endDate == null">Check Availability</button>
    </div>
  </div>
</form>

POST /newsletter-sign-up/

<form method="POST" action="/newsletter-sign-up/" class="newsletter-signup" novalidate="novalidate">
  <fieldset>
    <legend class="visually-hidden">Newsletter Signup</legend>
    <label class="visually-hidden" for="newsletter-email">Newsletter Signup</label>
    <input type="email" id="newsletter-email" class="newsletter-signup__input" name="newsletter-email" placeholder="Email address">
    <input type="submit" value="sign up" class="btn btn--primary newsletter-signup__submit">
  </fieldset>
</form>

GET

<form id="footer-links-collection" class="footer-links-collection" method="GET" novalidate="novalidate">
  <fieldset>
    <legend class="footer-links-collection__label"> Some information is available in other languages </legend>
    <label for="language-selector" class="visually-hidden">Language Selector</label>
    <select id="language-selector" name="language-selector" class="language-selector js-language-selector test select2-hidden-accessible" data-select2-id="select2-data-language-selector" tabindex="-1" aria-hidden="true">
      <option selected="selected" title="SELECT LANGUAGE" data-select2-id="select2-data-2-m17h"> SELECT LANGUAGE </option>
      <option value="/siteassets/factsheets-2020/the-connaught-french-factsheet-2020.pdf" title="Français"> Français </option>
      <option value="/siteassets/factsheets-2020/the-connaught-german-fact-sheet-2020.pdf" title="Deutsch"> Deutsch </option>
      <option value="/siteassets/factsheets-2020/the-connaught-russian-fact-sheet-2020.pdf" title="русский"> русский </option>
      <option value="/siteassets/factsheets-2020/the-connaught-chinese-fact-sheet-2020.pdf" title="中文"> 中文 </option>
      <option value="/siteassets/factsheets-2020/the-connaught-portuguese-fact-sheet-2020.pdf" title="Português"> Português </option>
      <option value="/siteassets/factsheets-2021/the-connaught-fact-sheet-2021.pdf" title="English"> English </option>
    </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-1-ldt8" style="width: 400px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
          aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-language-selector-container"><span class="select2-selection__rendered" id="select2-language-selector-container" role="textbox"
            aria-readonly="true" title="SELECT LANGUAGE"> SELECT LANGUAGE </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper"
        aria-hidden="true"></span></span>
  </fieldset>
</form>

POST #

<form class="acsb-form" data-acsb-search="form" enctype="multipart/form-data" action="#" method="POST"> <input type="text" tabindex="0" name="acsb_search" autocomplete="off" placeholder="Search the online dictionary..."
    aria-label="Search the online dictionary..."> <i class="acsbi-search"></i> </form>

Text Content

Skip to Content
↵ENTER
Skip to Menu
↵ENTER
Skip to Footer
↵ENTER
connaught
Book rooms & suites Make a dining reservation

Stays until and including 31 March 2022 will be subject to VAT at 12.5%.


SELECT DATES

Previous month
December 2021

MTWTFSS  12345678910111213141516171819202122232425262728293031  

Next month
January 2022

MTWTFSS     12345678910111213141516171819202122232425262728293031      



Check-in: Please select your date

Check-out: Please select your date




SELECT ROOMS & OCCUPANCY

Room 1
Adults Select number of adults staying in room 1 2
1
2
Children Select number of children staying in room 1 0
0
1

Add Room



Check Availability


CHOOSE YOUR DESIRED RESERVATION AND DATE

Restaurant Choose a restaurant Jean-Georges at The Connaught Hélène Darroze at
The Connaught Choose a restaurant Your sitting Your sitting ×Your sitting
Number of guest Number of guest ×Number of guest

PrevNext
December 2021

MTWTFSS  12345678910111213141516171819202122232425262728293031  

Check Availability



Stays until and including 31 March 2022 will be subject to VAT at 12.5%.


SELECT DATES

Check-in: Please select your date

Check-out: Please select your date




SELECT ROOMS & OCCUPANCY

Room {{key + 1}}
Adults Select number of adults staying in room {{key + 1}} {{ room.adult }}
{{ radioKey + 1 }}
Children Select number of children staying in room {{key + 1}} {{ room.children
}}
{{ radioKey }}
remove room
Add Room

To book a room for 3 or more guests, please call +44 (0)20 7107 8945

Check Availability

To ensure you receive the best user experience, our site will use cookies to
store information in your browser.
To find out more view our Cookie Policy, continued use of this site indicates
you have accepted this policy.

ACCEPT & CLOSE

Welcome Back To The Connaught | Explore Our Luxury Rooms & Suites Here

Menu The Connaught
 * Staying Safe
 * Rooms & Suites
 * Restaurants & Bars
 * The Connaught Shop
 * Christmas
 * Aman Spa
 * Meetings & Events
 * Special Offers
 * Concierge & Services
 * What’s New
 * The Season
 * Gift Vouchers
 * About the hotel
 * Contact us
   
   

Book
Share Share
 * Facebook
 * Twitter Twitter
 * Email


JEAN-GEORGES AT THE CONNAUGHT - ONLINE RESERVATIONS POLICY

 * We will reconfirm your reservation by text message 72 hours prior to arrival.
   You will have the option to either reply to confirm or call to cancel. If you
   have not confirmed your reservation 24 hours before booking, we reserve the
   right to cancel the reservation and resell the table.
 * For all bookings, we require credit/debit card details to secure your
   booking.
 * A charge will only be incurred if you fail to arrive for your reservation
   without notice, or cancel your booking within 24 hours of your reservation.
   The amount that you will be charged is £50pp for lunch and dinner bookings
   and the full amount per person for afternoon tea. Adjustments to booking
   numbers can be made at any time at no extra charge, subject to availability.
 * We respectfully ask for guests to be ready to sit at the table at the
   indicated booking time.
 * We would ask you to kindly notify the restaurant if you are delayed as we may
   release the table after 20 minutes of the reservation time.
 * Dietary requirements will be happily accommodated if advised at least 48
   hours in advance.
 * We ask that for the privacy of our guests you refrain from using flash
   photography.
 * Please note that for breakfast our seating times are as follows: 1-2 guests
   1hr, 2-4 guests 1hr 30mins, 4-6 guests 2hrs.
 * Please note that for lunch & dinner out seating times are as follows: 1-2
   guests 1 hr 30mins, 2-4 guests 2 hrs, 4-6 guests 2hrs 30mins.
 * Please note that for afternoon tea our seating times are as follows: all
   guests 2hrs.
 * Afternoon teas cannot be shared between guests. If not all of your guests
   require the afternoon tea menu, please advise prior to your reservation date
   in order for us to accommodate your requirements.


EXPERIENCE

 * Rooms & Suites
 * Restaurants & Bars
 * Afternoon Tea
 * Aman Spa
 * Meetings & Events
 * Special offers
 * My Reservations


GIFTS

 * The Connaught Shop
 * Gift Vouchers


ABOUT

 * About us
 * Contact us
 * Careers
 * The Connaught Magazine


MAYBOURNE HOTEL GROUP

 * Claridge's
 * The Berkeley
 * The Maybourne Beverly Hills
 * The Maybourne Riviera
 * Maybourne Hotel Group


FOLLOW US

 * Instagram
 * Facebook
 * Twitter
 * Trip Advisor


NEWSLETTER SIGNUP

Newsletter Signup Newsletter Signup


FIND US



The Connaught
Carlos Place
Mayfair
London
W1K 2AL


Some information is available in other languages Language Selector SELECT
LANGUAGE Français Deutsch русский 中文 Português English SELECT LANGUAGE
 * COVID-19
 * Privacy Policy
 * CCPA
 * Cookie Policy
 * Terms & Conditions
 * Modern Slavery Act

Copyright © Maybourne Hotel Group. 2021 All rights reserved

 * Mail us
   
 * Find Us
   





YOUR PRIVACY

When you visit our website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalised web experience. Read our cookie policy.

You can choose to accept all cookies by clicking ‘Allow all cookies’ below, or
you can choose not to allow some types of cookies by changing your settings in
each cookie category below. Please be aware that blocking some types of cookies
may impact your experience of the site and the services we are able to offer.

ALLOW ALL COOKIES


MANAGE COOKIE PREFERENCES

ESSENTIAL COOKIES

Always Active

These cookies are necessary for the website to function and we cannot turn these
off. They are usually only set in response to actions made by you which amount
to a request for services, such as setting your privacy preferences, logging in
or filling in forms. You can set your browser to block or alert you about these
cookies, but some parts of the site may not work then.

View Cookie Details‎

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

View Cookie Details‎

ANALYTICS COOKIES

Analytics Cookies

These cookies allow us to count visits and traffic sources to the site, so we
can measure and improve the performance of our site. They help us know which
pages are the most and least popular and see how visitors move around the site.
All information these cookies collect is aggregated and therefore anonymous. If
you do not allow these cookies, we will not know when you have visited our site.

View Cookie Details‎

MARKETING COOKIES

Marketing Cookies

These cookies are set through our site by our advertising partners. They may be
used by those companies to build a profile of your interests and show you
relevant ads on other sites. They work by uniquely identifying your browser and
device. If you do not allow these cookies, you will not experience our targeted
advertising across different websites.

View Cookie Details‎


BACK BUTTON PERFORMANCE COOKIES



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label


 * 33ACROSS
   
   HOST DESCRIPTION
   
   VIEW COOKIES
   
   
    * Name
      cookie name

SAVE PREFERENCES


We use cookies to offer you the best user experience and enhance the quality of
our site. You can find out more about which cookies we use and how to manage
them individually by clicking on Cookie Settings.

Cookie Settings ACCEPT & CLOSE



English
Accessibility Adjustments
Reset Settings Statement Hide Interface
Choose the right accessibility profile for you
OFF ON
Seizure Safe Profile Eliminates flashes and reduces color
This profile enables epileptic and seizure prone users to browse safely by
eliminating the risk of seizures that result from flashing or blinking
animations and risky color combinations.
OFF ON
Vision Impaired Profile Enhances the website's visuals
This profile adjusts the website, so that it is accessible to the majority of
visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract,
Glaucoma, and others.
OFF ON
Cognitive Disability Profile Assists with reading and focusing
This profile provides various assistive features to help users with cognitive
disabilities such as Autism, Dyslexia, CVA, and others, to focus on the
essential elements of the website more easily.
OFF ON
ADHD Friendly Profile More focus and fewer distractions
This profile significantly reduces distractions, to help people with ADHD and
Neurodevelopmental disorders browse, read, and focus on the essential elements
of the website more easily.
OFF ON
Blind Users (Screen-reader) Use the website with your screen-reader
This profile adjusts the website to be compatible with screen-readers such as
JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software that is
installed on the blind user’s computer and smartphone, and websites should
ensure compatibility with it.

Note: This profile prompts automatically to screen-readers.
OFF ON
Keyboard Navigation (Motor) Use the website with the keyboard
This profile enables motor-impaired persons to operate the website using the
keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such
as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics)
to jump to specific elements.

Note: This profile prompts automatically for keyboard users.
Content Adjustments
Content Scaling
Default

Readable Font
Highlight Titles
Highlight Links
Text Magnifier
Adjust Font Sizing
Default

Align Center
Adjust Line Height
Default

Align Left
Adjust Letter Spacing
Default

Align Right
Color Adjustments
Dark Contrast
Light Contrast
Monochrome
High Saturation
Adjust Text Colors
Cancel
High Contrast
Adjust Title Colors
Cancel
Low Saturation
Adjust Background Colors
Cancel
Orientation Adjustments
Mute Sounds
Hide Images
Read Mode
Reading Guide
Useful Links
Select an option Home Header Footer Main Content
Stop Animations
Reading Mask
Highlight Hover
Highlight Focus
Big Black Cursor
Big White Cursor
HIDDEN_ADJUSTMENTS
Keyboard Navigation
Accessible Mode
Screen Reader Adjustments
Read Mode
Web Accessibility Solution By accessiBe
Choose the Interface Language
English
Español
Deutsch
Português
Français
Italiano
עברית
繁體中文
Pусский
عربى
عربى
Nederlands
繁體中文
日本語
Accessibility StatementCompliance status

We firmly believe that the internet should be available and accessible to anyone
and are committed to providing a website that is accessible to the broadest
possible audience, regardless of ability.

To fulfill this, we aim to adhere as strictly as possible to the World Wide Web
Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA
level. These guidelines explain how to make web content accessible to people
with a wide array of disabilities. Complying with those guidelines helps us
ensure that the website is accessible to blind people, people with motor
impairments, visual impairment, cognitive disabilities, and more.

This website utilizes various technologies that are meant to make it as
accessible as possible at all times. We utilize an accessibility interface that
allows persons with specific disabilities to adjust the website’s UI (user
interface) and design it to their personal needs.

Additionally, the website utilizes an AI-based application that runs in the
background and optimizes its accessibility level constantly. This application
remediates the website’s HTML, adapts its functionality and behavior for
screen-readers used by blind users, and for keyboard functions used by
individuals with motor impairments.

If you wish to contact the website’s owner please use the website's form

Screen-reader and keyboard navigation

Our website implements the ARIA attributes (Accessible Rich Internet
Applications) technique, alongside various behavioral changes, to ensure blind
users visiting with screen-readers can read, comprehend, and enjoy the website’s
functions. As soon as a user with a screen-reader enters your site, they
immediately receive a prompt to enter the Screen-Reader Profile so they can
browse and operate your site effectively. Here’s how our website covers some of
the most important screen-reader requirements:

 1. Screen-reader optimization: we run a process that learns the website’s
    components from top to bottom, to ensure ongoing compliance even when
    updating the website. In this process, we provide screen-readers with
    meaningful data using the ARIA set of attributes. For example, we provide
    accurate form labels; descriptions for actionable icons (social media icons,
    search icons, cart icons, etc.); validation guidance for form inputs;
    element roles such as buttons, menus, modal dialogues (popups), and others. 
    
    Additionally, the background process scans all of the website’s images. It
    provides an accurate and meaningful image-object-recognition-based
    description as an ALT (alternate text) tag for images that are not
    described. It will also extract texts embedded within the image using an OCR
    (optical character recognition) technology. To turn on screen-reader
    adjustments at any time, users need only to press the Alt+1 keyboard
    combination. Screen-reader users also get automatic announcements to turn
    the Screen-reader mode on as soon as they enter the website.
    
    These adjustments are compatible with popular screen readers such as JAWS,
    NVDA, VoiceOver, and TalkBack.
    
    
 2. Keyboard navigation optimization: The background process also adjusts the
    website’s HTML and adds various behaviors using JavaScript code to make the
    website operable by the keyboard. This includes the ability to navigate the
    website using the Tab and Shift+Tab keys, operate dropdowns with the arrow
    keys, close them with Esc, trigger buttons and links using the Enter key,
    navigate between radio and checkbox elements using the arrow keys, and fill
    them in with the Spacebar or Enter key.
    
    Additionally, keyboard users will find content-skip menus available at any
    time by clicking Alt+2, or as the first element of the site while navigating
    with the keyboard. The background process also handles triggered popups by
    moving the keyboard focus towards them as soon as they appear, not allowing
    the focus to drift outside.
    
    Users can also use shortcuts such as “M” (menus), “H” (headings), “F”
    (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Disability profiles supported on our website
 * Epilepsy Safe Profile: this profile enables people with epilepsy to safely
   use the website by eliminating the risk of seizures resulting from flashing
   or blinking animations and risky color combinations.
 * Vision Impaired Profile: this profile adjusts the website so that it is
   accessible to the majority of visual impairments such as Degrading Eyesight,
   Tunnel Vision, Cataract, Glaucoma, and others.
 * Cognitive Disability Profile: this profile provides various assistive
   features to help users with cognitive disabilities such as Autism, Dyslexia,
   CVA, and others, to focus on the essential elements more easily.
 * ADHD Friendly Profile: this profile significantly reduces distractions and
   noise to help people with ADHD, and Neurodevelopmental disorders browse,
   read, and focus on the essential elements more easily.
 * Blind Users Profile (Screen-readers): this profile adjusts the website to be
   compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A
   screen-reader is installed on the blind user’s computer, and this site is
   compatible with it.
 * Keyboard Navigation Profile (Motor-Impaired): this profile enables
   motor-impaired persons to operate the website using the keyboard Tab,
   Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M”
   (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to
   jump to specific elements.

Additional UI, design, and readability adjustments
 1. Font adjustments – users can increase and decrease its size, change its
    family (type), adjust the spacing, alignment, line height, and more.
 2. Color adjustments – users can select various color contrast profiles such as
    light, dark, inverted, and monochrome. Additionally, users can swap color
    schemes of titles, texts, and backgrounds with over seven different coloring
    options.
 3. Animations – epileptic users can stop all running animations with the click
    of a button. Animations controlled by the interface include videos, GIFs,
    and CSS flashing transitions.
 4. Content highlighting – users can choose to emphasize essential elements such
    as links and titles. They can also choose to highlight focused or hovered
    elements only.
 5. Audio muting – users with hearing devices may experience headaches or other
    issues due to automatic audio playing. This option lets users mute the
    entire website instantly.
 6. Cognitive disorders – we utilize a search engine linked to Wikipedia and
    Wiktionary, allowing people with cognitive disorders to decipher meanings of
    phrases, initials, slang, and others.
 7. Additional functions – we allow users to change cursor color and size, use a
    printing mode, enable a virtual keyboard, and many other functions.

Assistive technology and browser compatibility

We aim to support as many browsers and assistive technologies as possible, so
our users can choose the best fitting tools for them, with as few limitations as
possible. Therefore, we have worked very hard to be able to support all major
systems that comprise over 95% of the user market share, including Google
Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS, and NVDA
(screen readers), both for Windows and MAC users.

Notes, comments, and feedback

Despite our very best efforts to allow anybody to adjust the website to their
needs, there may still be pages or sections that are not fully accessible, are
in the process of becoming accessible, or are lacking an adequate technological
solution to make them accessible. Still, we are continually improving our
accessibility, adding, updating, improving its options and features, and
developing and adopting new technologies. All this is meant to reach the optimal
level of accessibility following technological advancements. If you wish to
contact the website’s owner, please use the website's form

Hide Accessibility Interface? Please note: If you choose to hide the
accessibility interface, you won't be able to see it anymore, unless you clear
your browsing history and data. Are you sure that you wish to hide the
interface?
Accept Cancel

Continue



Processing the data, please give it a few seconds...