www.marriott.com Open in urlscan Pro
2.20.72.84  Public Scan

Submitted URL: https://t.loyalty.email-marriott.com/r/?id=h16e20348,5f7c66af,27517667
Effective URL: https://www.marriott.com/en/destinations/singapore.mi?scid=898d69f3-1c9c-41af-98b7-cf60fe30c6c4&dclid=CLb5xsD4sfkCFUfhuwg...
Submission: On August 06 via api from CH — Scanned from DE

Form analysis 11 forms found in the DOM

Name: directLoginFormPOST /aries-auth/loginWithCredentials.comp

<form method="post" name="directLoginForm" action="/aries-auth/loginWithCredentials.comp" class="s-form">
  <input type="hidden" class="sign-in-return-url" name="returnUrl" value="">
  <input type="hidden" name="errorUrl" value="/sign-in-error.mi">
  <div class="input-container s-form__user-input">
    <label class="t-label-xs form-label" for="signin-userid">Email or Member Number</label>
    <input type="text" id="signin-userid" name="userID" autocomplete="off" class="t-subtitle-l">
  </div>
  <div class="input-container s-form__remember-input d-none">
    <label class="t-label-xs form-label" for="sign-rem-user-number"> Email or Member Number </label>
    <input type="text" id="sign-rem-user-number" name="memberNumber" autocomplete="off" class="t-subtitle-l s-form__member-number" readonly="">
  </div>
  <div class="input-container">
    <label class="t-label-xs form-label" for="signin-user-password">Password</label>
    <input type="password" id="signin-user-password" autocomplete="off" name="password" class="t-subtitle-l">
  </div>
  <div class="sign-in-wrapper">
    <div class="remember-me">
      <input name="rememberMe" type="checkbox" id="signin-rememberme" value="true" checked="">
      <label for="signin-rememberme" class="remember-label t-font-xs"> Remember Me </label>
    </div>
    <button type="submit" class="login-link m-button-s m-button-primary custom_click_track track-completed" data-click-track-enable="true" data-location-text="signin_rem_tooltip" data-description="Sign In"
      data-custom_click_track_value="signin_anon_tooltip|Sign In|internal"> Sign In </button>
  </div>
  <div class="links-container">
    <a href="/forgotPassword.mi" class="s-form__forgot-psd t-label-xs custom_click_track track-completed" data-click-track-enable="true" data-location-text="signin_rem_tooltip" data-description="Forgot Password" data-custom_click_track_value="signin_anon_tooltip|Forgot Password|internal">Forgot Password</a>
    <span class="divider t-label-xs">|</span>
    <a href="/aries-auth/clearRememberMe.comp" class="s-form__clear-remember custom_click_track t-label-xs d-none track-completed" data-click-track-enable="true" data-location-text="signin_rem_tooltip" data-description="Clear Remembered Account" data-custom_click_track_value="signin_anon_tooltip|Clear Remembered Account|internal">Clear Remembered Account</a>
    <a href="/loyalty/createAccount/activateAccountChallenge.mi" class="custom_click_track s-form__activate_acnt t-label-xs track-completed" data-click-track-enable="true" data-location-text="signin_rem_tooltip" data-description="Activate online account" data-custom_click_track_value="signin_anon_tooltip|Activate online account|internal">Activate online account</a>
  </div>
</form>

/aries-auth/sessionTimeOutAuthSubmit.comp

<form action="/aries-auth/sessionTimeOutAuthSubmit.comp" class="d-none session-timeout">
  <input type="hidden" name="expiredIn" value="1800000">
</form>

GET /search/submitSearch.mi

<form action="/search/submitSearch.mi" autocomplete="off" class="cmp-hotelssearchfilters__form cmp-searchfilters__form ls-row ls-row-search-wide" method="get" target="_blank">
  <fieldset class="cmp-hotelssearchfilters__destination-wrapper cmp-searchfilters__destination-wrapper J-destinationSearch ls-col-lg-6 ls-col-sm-6 ls-line-vertical-dotted">
    <label>
      <i aria-hidden="true" class="label-icon">
                            <svg height="16px" version="1.1" viewBox="0 0 15 16" width="15px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.5,0.333333333 C6.91875,0.333333333 8.875,2.42 8.875,5 C8.875,8.5 4.5,13.6666667 4.5,13.6666667 C4.5,13.6666667 0.125,8.5 0.125,5 C0.125,2.42 2.08125,0.333333333 4.5,0.333333333 Z M4.5,1.66666667 C2.775,1.66666667 1.375,3.16 1.375,5 C1.375,6.9 3.2,9.80666667 4.5,11.5866667 C5.825,9.79333333 7.625,6.92 7.625,5 C7.625,3.16 6.225,1.66666667 4.5,1.66666667 Z M4.5,3.33333333 C5.36294492,3.33333333 6.0625,4.07952542 6.0625,5 C6.0625,5.92047458 5.36294492,6.66666667 4.5,6.66666667 C3.63705508,6.66666667 2.9375,5.92047458 2.9375,5 C2.9375,4.07952542 3.63705508,3.33333333 4.5,3.33333333 Z">
                                </path>
                            </svg>
                        </i> Destination </label>
    <input aria-label="Select Destination" class="cmp-hotelssearchfilters__field-input cmp-searchfilters__field-input J-searchInput" placeholder="Where to?" role="searchbox" value="Singapore">
    <div class="hotelErrorText">
      <svg class="icon" height="12" style="width: 12px; height:12px;" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
          fill="#D0021B"></path>
      </svg>
      <span>Please enter a destination</span>
    </div>
    <dl class="cmp-hotelssearchfilters__field-dropdown cmp-searchfilters__field-dropdown J-searchDropdown" tabindex="0" role="list"></dl>
    <a aria-label="Clear Destination" class="close-icon J-search-close-btn" href="javascript:;" role="button" style="display: inline;">
                        <i aria-hidden="true">
                            <svg height="12px" version="1.1" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                    <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                        <g transform="translate(785.000000, 474.000000)">
                                            <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z">
                                            </path>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </i>
                    </a>
  </fieldset>
  <fieldset class="cmp-hotelssearchfilters__dates-wrapper cmp-searchfilters__dates-wrapper J-calendarContainerHotels ls-col-lg-4 ls-col-sm-6">
    <label>
      <i aria-hidden="true" class="label-icon">
                            <svg height="15px" version="1.1" viewBox="0 0 14 15" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M11.3166667,1.95543037 L10.3958333,1.95543037 L10.3958333,0.580811593 L8.97916667,0.580811593 L8.97916667,1.95543037 L4.02083333,1.95543037 L4.02083333,0.580811593 L2.60416667,0.580811593 L2.60416667,1.95543037 L1.68333333,1.95543037 C1.02104167,1.95543037 0.479166667,2.54995299 0.479166667,3.19258727 L0.479166667,12.2650712 C0.479166667,12.9077055 1.02104167,13.4334972 1.68333333,13.4334972 L11.3166667,13.4334972 C11.9789583,13.4334972 12.5208333,12.9077055 12.5208333,12.2650712 L12.5208333,3.19258727 C12.5208333,2.54995299 11.9789583,1.95543037 11.3166667,1.95543037 Z M11.1041667,12.0588784 L1.89583333,12.0588784 L1.89583333,6.0792867 L11.1041667,6.0792867 L11.1041667,12.0588784 Z M11.1041667,5.08268809 L1.89583333,5.08268809 L1.89583333,3.33004915 L11.1041667,3.33004915 L11.1041667,5.08268809 Z">
                                </path>
                            </svg>
                        </i> Dates<span>(Optional)</span>
    </label>
    <div class="cmp-hotelssearchfilters__dates-field-wrapper cmp-searchfilters__dates-field-wrapper">
      <div class="cmp-hotelssearchfilters__picker cmp-searchfilters__picker">
        <i aria-label="previous date" class="arrow-icon left-arrow left-arrow-from-date arrow-disabled" tabindex="-1" role="img">
                                <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                                </svg>
                            </i>
        <input aria-label="Enter Checkin Date" class="cmp-hotelssearchfilters__field-input cmp-searchfilters__field-input" id="hotelssearchfilters-date-from" name="fromDateDisplay" placeholder="Check In" role="searchbox" value="">
        <i aria-label="next date" class="arrow-icon right-arrow right-arrow-from-date" tabindex="0" role="img">
                                <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                                </svg>
                            </i>
      </div>
      <div class="cmp-hotelssearchfilters__picker cmp-searchfilters__picker">
        <i aria-label="previous date" class="arrow-icon left-arrow left-arrow-to-date arrow-disabled" tabindex="-1" role="img">
                                <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                                </svg>
                            </i>
        <input aria-label="Enter Checkout Date" class="cmp-hotelssearchfilters__field-input cmp-searchfilters__field-input" id="hotelssearchfilters-date-to" name="toDateDisplay" placeholder="Check Out" role="searchbox" value="">
        <i aria-label="next date" class="arrow-icon right-arrow right-arrow-to-date" tabindex="0" role="img">
                                <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                                </svg>
                            </i>
      </div>
    </div>
    <div class="date-picker-wrapper no-shortcuts no-topbar no-gap two-months" unselectable="on" style="display: none; top: 70px; right: 0px; user-select: none;">
      <div class="month-wrapper" style="width: 610px;">
        <table class="month1" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> <span class="prev calendar-arrow-disabled" title="Previous Month" tabindex="-1"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z"></path>
                  </svg> </span> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">august</div>
                <div class="month-element">2022</div>
              </th>
              <th> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1659261116165" data-tooltip="" class="day lastMonth  invalid "><span class="day-inner">31</span></div>
              </td>
              <td>
                <div time="1659347516165" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">1</span></div>
              </td>
              <td>
                <div time="1659433916165" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">2</span></div>
              </td>
              <td>
                <div time="1659520316165" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">3</span></div>
              </td>
              <td>
                <div time="1659606716165" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">4</span></div>
              </td>
              <td>
                <div time="1659693116165" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">5</span></div>
              </td>
              <td>
                <div time="1659779516165" data-tooltip="" class="day toMonth  valid real-today"><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1659865916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1659952316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1660038716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1660125116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
              <td>
                <div time="1660211516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1660297916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1660384316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1660470716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1660557116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1660643516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1660729916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
              <td>
                <div time="1660816316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1660902716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1660989116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661075516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1661161916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1661248316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1661334716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
              <td>
                <div time="1661421116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1661507516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1661593916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661680316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916165" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316165" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716165" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="gap" style="visibility: hidden; height: 10px;">
          <div class="gap-top-mask"></div>
          <div class="gap-bottom-mask"></div>
          <div class="gap-lines">
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
          </div>
        </div>
        <table class="month2" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">september</div>
                <div class="month-element">2022</div>
              </th>
              <th> <span class="next" title="Next Month" tabindex="0"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z"></path>
                  </svg></span> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1661680316165" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716165" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116165" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516165" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662285116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">4</a></div>
              </td>
              <td>
                <div time="1662371516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">5</a></div>
              </td>
              <td>
                <div time="1662457916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
              <td>
                <div time="1662544316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1662630716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1662717116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1662803516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662889916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1662976316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1663062716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
              <td>
                <div time="1663149116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1663235516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1663321916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1663408316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1663494716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1663581116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1663667516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
              <td>
                <div time="1663753916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1663840316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1663926716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1664013116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1664099516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1664185916165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1664272316165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
              <td>
                <div time="1664358716165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1664445116165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1664531516165" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1664617916165" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="footer">
        <div class="dp-controller no-dates-flexible">
          <div class="dp-button"> <a style="display: none;" href="javascript:;">Clear Dates</a> <button type="button" class="apply-btn">Done</button> </div>
        </div>
      </div>
      <div class="date-range-length-tip"></div>
    </div>
  </fieldset>
  <div class="cmp-hotelssearchfilters__control-wrapper cmp-searchfilters__control-wrapper ls-col-lg-10">
    <div class="control-left">
      <div class="fieldset-select">
        <div class="rooms-guests" tabindex="0" role="article">
          <!-- display -->
          <div class="rooms-guests-title d-flex">
            <span class="display-text" data-per="Room">1 Room: 1 Adult/Room</span>
            <span class="icon icon-arrow-down"></span>
          </div>
          <!-- panel -->
          <div class="rooms-guests-panel">
            <!-- content -->
            <div class="rooms-guests-panel-content">
              <!-- rooms -->
              <div class="rooms">
                <div class="line">
                  <div aria-label="Select number of Rooms" class="label-container" tabindex="0" role="article">
                    <span class="label-text">Rooms</span>
                  </div>
                  <div class="stepper-container">
                    <input class="stepper-input rooms-num" hidden="" name="roomCountBox" type="text" value="">
                    <div class="stepper" data-type="rooms">
                      <div aria-label="Decrease Room" class="btn minus disabled" tabindex="0" role="button">
                        <span class="icon icon-minus"></span>
                      </div>
                      <input class="num num-rooms" data-plural="# Rooms" data-singular="# Room" disabled="" type="text" value="1">
                      <div aria-label="Increase Room" class="btn plus" tabindex="0" role="button">
                        <span class="icon icon-plus"></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- guests -->
              <div class="guests">
                <!-- adults -->
                <div class="adults">
                  <div class="line">
                    <div aria-label="Select number of Adults" class="label-container" tabindex="0" role="article">
                      <span class="label-text">Adults</span>
                      <span class="label-message">(Max: 8 total guests/room)</span>
                    </div>
                    <div class="stepper-container">
                      <input class="stepper-input adults-num" hidden="" name="guestCountBox" type="text" value="">
                      <div class="stepper" data-type="adults">
                        <div aria-label="Decrease number of Adults" class="btn minus disabled" tabindex="0" role="button">
                          <span class="icon icon-minus"></span>
                        </div>
                        <input class="num num-adults" data-plural="# Adults" data-singular="# Adult" disabled="" type="text" value="1">
                        <div aria-label="Increase Number of Adult" class="btn plus" tabindex="0" role="button">
                          <span class="icon icon-plus"></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- children -->
                <div class="children">
                  <div class="line">
                    <div aria-label="Select number of Children" class="label-container" tabindex="0" role="article">
                      <span class="label-text">Children</span>
                      <span class="label-message">(Max: 8 total guests/room)</span>
                    </div>
                    <div class="stepper-container">
                      <input class="stepper-input children-num" hidden="" name="childrenCountBox" type="text" value="">
                      <div class="stepper" data-type="children">
                        <div aria-label="Decrease number of Children" class="btn minus disabled" tabindex="0" role="button">
                          <span class="icon icon-minus"></span>
                        </div>
                        <input class="num num-children" data-plural="# Children" data-singular="# Child" disabled="" type="text" value="0">
                        <div aria-label="Increase number of Children" class="btn plus" tabindex="0" role="button">
                          <span class="icon icon-plus"></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- children ages -->
                  <div class="children-ages hidden">
                    <div class="age-title">ADD AGES FOR CHILDREN</div>
                    <div class="age-based">Age Based Rates may be available</div>
                    <input class="children-ages-input" name="childrenAges" type="hidden" value="">
                    <div class="ages-append"></div>
                    <div class="age-container line-2 age-template hidden">
                      <div class="child-info">
                        <div class="child-number-title" data-title="Child #: Age (Required)" tabindex="0" role="article"></div>
                      </div>
                      <div class="stepper-container">
                        <input class="stepper-input num ages-num" data-less-than-one-year="Less than 1 year" disabled="" type="text" value="Less than 1 year">
                        <div class="stepper" data-type="ages">
                          <div aria-label="Decrease the age of Children" class="btn minus disabled" tabindex="0" role="button">
                            <span class="icon icon-minus"></span>
                          </div>
                          <div aria-label="Increase the age of Children" class="btn plus" tabindex="0" role="button">
                            <span class="icon icon-plus"></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- footer -->
            <div class="rooms-guests-panel-footer">
              <div aria-label="Reset Field" class="button reset-button" tabindex="0" role="button"> Reset Fields </div>
            </div>
          </div>
        </div>
      </div>
      <div class="cmp-hotelssearchfilters__special_rate" tabindex="0" role="article">
        <span class="special-rate-text">Special Rates</span>
        <span class="icon icon-arrow-down sp-rates-arrow"></span>
      </div>
      <div class="specialRatesList" id="specialRatesList">
        <fieldset>
          <legend class="select-rate-legend">Select One Rate</legend>
          <div class="special-rates-wrapper" tabindex="0" role="article">
            <input checked="" class="rate-input" data-label="None" id="none" name="clusterCode" type="radio" value="none">
            <label class="rate-label" for="none">None</label>
          </div>
          <div class="special-rates-wrapper" tabindex="0" role="article">
            <input class="rate-input" data-label="AAA/CAA" id="aaa-caa" name="clusterCode" type="radio" value="aaa">
            <label class="rate-label" for="aaa-caa">AAA/CAA</label>
          </div>
          <div class="special-rates-wrapper" tabindex="0" role="article">
            <input class="rate-input" data-label="Senior Discount" id="senior-discount" name="clusterCode" type="radio" value="S9R">
            <label class="rate-label" for="senior-discount">Senior Discount</label>
          </div>
          <div class="special-rates-wrapper" tabindex="0" role="article">
            <input class="rate-input" data-label="Government &amp; Military" id="gov-mil" name="clusterCode" type="radio" value="gov">
            <label class="rate-label" for="gov-mil">Government &amp; Military</label>
          </div>
          <div class="special-rates-wrapper" tabindex="0" role="article">
            <input class="rate-input" data-label="Corp/Promo Code" id="corporate" name="clusterCode" type="radio" value="corp">
            <label class="rate-label" for="corporate">Corp/Promo Code</label>
          </div>
          <div class="special-rate-value">
            <div class="add-promo-code-label">ADD CORP/PROMO CODE</div>
            <fieldset>
              <input aria-label="Please enter promocode" class="cmp-hotelssearchfilters__field-input cmp-hotelssearchfilters__promo-code" maxlength="9" name="corporateCode" tabindex="0" role="article" type="text">
              <i aria-hidden="true" aria-label="Clear Promocode" class="promo-code-close-btn" tabindex="0" role="img">
                                            <svg height="12px" version="1.1" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                                    <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                                        <g transform="translate(785.000000, 474.000000)">
                                                            <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z">
                                                            </path>
                                                        </g>
                                                    </g>
                                                </g>
                                            </svg>
                                        </i>
              <span class="special-rate-done" tabindex="0" role="article">Done</span>
            </fieldset>
          </div>
        </fieldset>
      </div>
      <fieldset aria-label="Select use points certificates" class="fieldset-checkbox rewards-fielset" tabindex="0" role="checkbox">
        <input class="ui-checkbox" id="XMIMIUCM_useRewardsPoints" name="useRewardsPoints" type="checkbox" value="true">
        <label class="checkbox-label" for="XMIMIUCM_useRewardsPoints">
          <span class="ui-checkbox-target"></span>
          <i aria-hidden="true" class="check-icon">
                                    <svg height="200" t="1607685071123" version="1.1" viewBox="0 0 1293 1024" width="252.5390625" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1148.718208 31.091585a80.827344 80.827344 0 0 1 132.179649 92.682021l-4.795756 6.789496-673.022348 862.158333a80.827344 80.827344 0 0 1-118.223461 9.968705l-5.819569-5.927338L20.47626 482.970321a80.827344 80.827344 0 0 1 114.828713-113.481591l5.819569 5.927339 394.006358 441.532836L1148.718208 31.091585z">
                                        </path>
                                    </svg>
                                </i> Use Points/Certificates </label>
      </fieldset>
    </div>
    <input name="fromDate" type="hidden" value="08/06/2022">
    <input name="toDate" type="hidden" value="08/07/2022">
    <input name="roomTypeCode" type="hidden" value="">
    <input name="recordsPerPage" type="hidden" value="20">
    <input name="destinationAddress.types" type="hidden" value="country,political">
    <input name="destinationAddress.latitude" type="hidden" value="">
    <input name="destinationAddress.longitude" type="hidden" value="">
    <input name="destinationAddress.stateProvince" type="hidden" value="">
    <input name="destinationAddress.placeId" type="hidden" value="ChIJdZOLiiMR2jERxPWrUs9peIg">
    <input name="destinationAddress.country" type="hidden" value="SG">
    <input name="destinationAddress.address" type="hidden" value="Singapore">
    <input name="destinationAddress.city" type="hidden" value="">
    <input name="destinationAddress.mainText" type="hidden" value="Singapore">
    <input name="destinationAddress.destination" type="hidden" value="Singapore">
    <input name="destinationAddress.secondaryText" type="hidden" value="">
    <input name="searchRadius" type="hidden" value="">
    <input name="roomCount" type="hidden" value="1">
    <input name="numAdultsPerRoom" type="hidden" value="1">
    <input name="childrenCount" type="hidden" value="0">
    <input name="isTransient" type="hidden" value="true">
    <input disabled="" name="invalidDateErrorMsg" type="hidden" value="Invalid date(s). Check your entry and try again.">
    <button class="J-search-button custom_click_track track-completed" custom_click_track_value="Storefront Hotel Search Filter | Hotel Search Filter - 'Hotel - Find a Hotel' CTA | External" id="searchHotelCTA" type="submit"> Find a Hotel </button>
  </div>
</form>

GET /search/submitSearch.mi

<form action="/search/submitSearch.mi" autocomplete="off" class="modal-submit-form" method="get">
  <input name="roomTypeCode" type="hidden" value="">
  <input name="recordsPerPage" type="hidden" value="20">
  <!-- destinationAddress.destination: would get from the level 2 modal -->
  <input name="destinationAddress.types" type="hidden" value="">
  <input name="destinationAddress.latitude" type="hidden" value="">
  <input name="destinationAddress.longitude" type="hidden" value="">
  <input name="destinationAddress.stateProvince" type="hidden" value="">
  <input name="destinationAddress.placeId" type="hidden" value="">
  <input name="destinationAddress.country" type="hidden" value="">
  <input name="destinationAddress.address" type="hidden" value="">
  <input name="destinationAddress.city" type="hidden" value="">
  <input name="destinationAddress.mainText" type="hidden" value="">
  <input name="destinationAddress.destination" type="hidden" value="">
  <input name="destinationAddress.secondaryText" type="hidden" value="">
  <input name="searchRadius" type="hidden" value="">
  <input name="roomCount" type="hidden" value="1">
  <input name="numAdultsPerRoom" type="hidden" value="1">
  <input name="childrenCount" type="hidden" value="0">
  <input name="roomCountBox" type="hidden" value="1 Room">
  <input name="guestCountBox" type="hidden" value="1 Adult Per Room">
  <input name="childrenCountBox" type="hidden" value="0 Children Per Room">
  <input name="childrenAges" type="hidden" value="">
  <input name="isTransient" type="hidden" value="true">
  <input name="clusterCode" type="hidden" value="none">
  <input name="corporateCode" type="hidden" value="">
  <!-- fromDate and toDate: would get from the level 2 modal -->
  <input name="fromDate" type="hidden" value="">
  <input name="toDate" type="hidden" value="">
  <div class="destination-wrapper ls-field-wrapper special-rates">
    <div class="ls-field-label"> Special Rates </div>
    <div class="ls-field-input J-hotel-sprates-modal-input" data-placeholder="Select" data-target="#hotelStep3RatesModal" data-toggle="modal"> Select </div>
    <span class="sp-rates-arrow">
      <svg class="dropdown-arrow" height="8px" version="1.1" viewBox="0 0 12 8" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <polygon id="path-arrow" points="0.59 10.59 5.17 6 0.59 1.41 2 0 8 6 2 12"></polygon>
        </defs>
        <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
          <g transform="translate(-1174.000000, -471.000000)">
            <g transform="translate(823.000000, 445.000000)">
              <g transform="translate(357.000000, 30.000000) rotate(90.000000) translate(-357.000000, -30.000000) translate(353.000000, 24.000000)">
                <mask fill="white" id="mask-arrow-rates">
                  <use xlink:href="#path-arrow"></use>
                </mask>
                <use fill="#000000" fill-rule="nonzero" xlink:href="#path-arrow"></use>
                <g fill="#FFFFFF" mask="url(#mask-arrow-rates)">
                  <g transform="translate(-8.000000, -6.000000)">
                    <rect height="24" width="24" x="0" y="0"></rect>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </svg>
    </span>
  </div>
  <div class="points-wrapper ls-field-wrapper">
    <div class="ls-field-label">Marriott Bonvoy Points</div>
    <p class="ls-field-input">Use Points/Certificates</p>
    <fieldset aria-label="Select use points certificates" class="points-checkbox fieldset-checkbox">
      <input class="ui-checkbox" id="XMIMIUCM_useRewardsPoints_popup" name="useRewardsPoints" type="checkbox" value="true">
      <label class="checkbox-label" for="XMIMIUCM_useRewardsPoints_popup">
        <span class="ui-checkbox-target"></span>
        <i aria-hidden="true" class="check-icon">
                                            <svg height="18px" version="1.1" viewBox="0 0 18 18" width="18px" xmlns="http://www.w3.org/2000/svg">
                                                <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                                    <g transform="translate(-269.000000, -445.000000)">
                                                        <g transform="translate(32.000000, 420.000000)">
                                                            <g transform="translate(237.000000, 25.000000)">
                                                                <rect fill="#FFFFFF" height="17" rx="2" stroke="#FFFFFF" width="17" x="0.5" y="0.5"></rect>
                                                                <polyline points="5 9 7.66666667 12 13 6" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </g>
                                            </svg>
                                        </i>
      </label>
    </fieldset>
  </div>
  <button class="ls-modal-button" id="searchHotelModalCTA" type="submit"> Find a Hotel </button>
</form>

<form action="" autocomplete="off">
  <!-- content -->
  <div class="rooms-guests-panel-content">
    <!-- rooms -->
    <div class="rooms">
      <div class="line">
        <div aria-label="Select number of Rooms" class="label-container">
          <span class="label-text">Rooms</span>
        </div>
        <div class="stepper-container">
          <input class="stepper-input rooms-num" hidden="" name="roomCountBox" type="text" value="">
          <div class="stepper" data-type="rooms">
            <div aria-label="Decrease Room" class="btn minus disabled">
              <span class="icon icon-minus"></span>
            </div>
            <input name="roomCount" type="hidden" value="1">
            <input class="num num-rooms" data-plural="# Rooms" data-singular="# Room" disabled="" type="text" value="1">
            <div aria-label="Increase Room" class="btn plus">
              <span class="icon icon-plus"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- guests -->
    <div class="guests">
      <!-- adults -->
      <div class="adults">
        <div class="line">
          <div aria-label="Select number of Adults" class="label-container">
            <span class="label-text">Adults</span>
            <span class="label-message">(Max: 8 total guests/room)</span>
          </div>
          <div class="stepper-container">
            <input class="stepper-input adults-num" hidden="" name="guestCountBox" type="text" value="">
            <div class="stepper" data-type="adults">
              <div aria-label="Decrease number of Adults" class="btn minus disabled">
                <span class="icon icon-minus"></span>
              </div>
              <input name="numAdultsPerRoom" type="hidden" value="1">
              <input class="num num-adults" data-plural="# Adults" data-singular="# Adult" disabled="" type="text" value="1">
              <div aria-label="Increase Number of Adult" class="btn plus">
                <span class="icon icon-plus"></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- children -->
      <div class="children">
        <div class="line">
          <div aria-label="Select number of Children" class="label-container">
            <span class="label-text">Children</span>
            <span class="label-message">(Max: 8 total guests/room)</span>
          </div>
          <div class="stepper-container">
            <input class="stepper-input children-num" hidden="" name="childrenCountBox" type="text" value="">
            <div class="stepper" data-type="children">
              <div aria-label="Decrease number of Children" class="btn minus disabled">
                <span class="icon icon-minus"></span>
              </div>
              <input name="childrenCount" type="hidden" value="0">
              <input class="num num-children" data-plural="# Children" data-singular="# Child" disabled="" type="text" value="0">
              <div aria-label="Increase number of Children" class="btn plus">
                <span class="icon icon-plus"></span>
              </div>
            </div>
          </div>
        </div>
        <!-- children ages -->
        <div class="children-ages hidden">
          <div class="age-title">ADD AGES FOR CHILDREN</div>
          <div class="age-based">Age Based Rates may be available</div>
          <input class="children-ages-input" name="childrenAges" type="hidden" value="">
          <div class="ages-append"></div>
          <div class="age-container line-2 age-template hidden">
            <div class="child-info">
              <div class="child-number-title" data-title="Child #: Age (Required)"></div>
            </div>
            <div class="stepper-container" data-type="ages">
              <input class="stepper-input num ages-num" data-less-than-one-year="Less than 1 year" disabled="" type="text" value="Less than 1 year">
              <div class="stepper">
                <div aria-label="Decrease the age of Children" class="btn minus disabled">
                  <span class="icon icon-minus"></span>
                </div>
                <div aria-label="Increase the age of Children" class="btn plus">
                  <span class="icon icon-plus"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- footer -->
  <div class="rooms-guests-panel-footer">
    <button class="button apply-button" type="submit"> Apply </button>
  </div>
</form>

<form action="" autocomplete="off" class="cmp-hvmisearchfilters__form cmp-searchfilters__form ls-row ls-row-search-wide" target="_blank">
  <fieldset class="cmp-hvmisearchfilters__destination-wrapper cmp-searchfilters__destination-wrapper J-destinationSearch ls-col-lg-6 ls-col-sm-6 ls-line-vertical-dotted">
    <label for="hvmisearchfilters-destination-from">
      <i aria-hidden="true" class="label-icon">
                        <svg height="16px" version="1.1" viewBox="0 0 15 16" width="15px" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4.5,0.333333333 C6.91875,0.333333333 8.875,2.42 8.875,5 C8.875,8.5 4.5,13.6666667 4.5,13.6666667 C4.5,13.6666667 0.125,8.5 0.125,5 C0.125,2.42 2.08125,0.333333333 4.5,0.333333333 Z M4.5,1.66666667 C2.775,1.66666667 1.375,3.16 1.375,5 C1.375,6.9 3.2,9.80666667 4.5,11.5866667 C5.825,9.79333333 7.625,6.92 7.625,5 C7.625,3.16 6.225,1.66666667 4.5,1.66666667 Z M4.5,3.33333333 C5.36294492,3.33333333 6.0625,4.07952542 6.0625,5 C6.0625,5.92047458 5.36294492,6.66666667 4.5,6.66666667 C3.63705508,6.66666667 2.9375,5.92047458 2.9375,5 C2.9375,4.07952542 3.63705508,3.33333333 4.5,3.33333333 Z">
                            </path>
                        </svg>
                    </i> Destination </label>
    <input aria-autocomplete="list" aria-label="Select Destination" autocomplete="off" class="cmp-hvmisearchfilters__field-input cmp-searchfilters__field-input J-searchInput" id="hvmisearchfilters-destination-from" maxlength="100"
      placeholder="Where to?" type="text">
    <div class="hvmiErrorText">
      <svg class="icon" height="12" style="width: 12px; height:12px;" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
          fill="#D0021B"></path>
      </svg>
      <span>Please enter a destination</span>
    </div>
    <dl aria-label="search result" class="cmp-hvmisearchfilters__field-dropdown cmp-searchfilters__field-dropdown J-searchDropdown"></dl>
    <a aria-label="Clear Destination" class="close-icon J-search-close-btn" href="javascript:;" role="button" style="display: none;">
                    <i aria-hidden="true">
                        <svg height="12px" version="1.1" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg">
                            <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                    <g transform="translate(785.000000, 474.000000)">
                                        <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z">
                                        </path>
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </i>
                </a>
  </fieldset>
  <fieldset class="cmp-hvmisearchfilters__dates-wrapper cmp-searchfilters__dates-wrapper J-calendarContainerHvmi ls-col-lg-4 ls-col-sm-6">
    <label>
      <i aria-hidden="true" class="label-icon">
                        <svg height="15px" version="1.1" viewBox="0 0 14 15" width="14px" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.3166667,1.95543037 L10.3958333,1.95543037 L10.3958333,0.580811593 L8.97916667,0.580811593 L8.97916667,1.95543037 L4.02083333,1.95543037 L4.02083333,0.580811593 L2.60416667,0.580811593 L2.60416667,1.95543037 L1.68333333,1.95543037 C1.02104167,1.95543037 0.479166667,2.54995299 0.479166667,3.19258727 L0.479166667,12.2650712 C0.479166667,12.9077055 1.02104167,13.4334972 1.68333333,13.4334972 L11.3166667,13.4334972 C11.9789583,13.4334972 12.5208333,12.9077055 12.5208333,12.2650712 L12.5208333,3.19258727 C12.5208333,2.54995299 11.9789583,1.95543037 11.3166667,1.95543037 Z M11.1041667,12.0588784 L1.89583333,12.0588784 L1.89583333,6.0792867 L11.1041667,6.0792867 L11.1041667,12.0588784 Z M11.1041667,5.08268809 L1.89583333,5.08268809 L1.89583333,3.33004915 L11.1041667,3.33004915 L11.1041667,5.08268809 Z">
                            </path>
                        </svg>
                    </i> Dates<span>(Optional)</span>
    </label>
    <div class="cmp-hvmisearchfilters__dates-field-wrapper cmp-searchfilters__dates-field-wrapper">
      <div class="cmp-hvmisearchfilters__picker cmp-searchfilters__picker">
        <i aria-label="previous date" class="arrow-icon left-arrow left-arrow-from-date arrow-disabled" tabindex="-1" role="img">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                            </svg>
                        </i>
        <input class="cmp-hvmisearchfilters__field-input cmp-searchfilters__field-input" id="hvmisearchfilters-date-from" name="fromDateDisplay" aria-label="Enter Checkin Date" placeholder="Check In" role="searchbox" value="">
        <i aria-label="next date" class="arrow-icon right-arrow right-arrow-from-date" tabindex="0" role="img">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                            </svg>
                        </i>
      </div>
      <div class="cmp-hvmisearchfilters__picker cmp-searchfilters__picker">
        <i aria-label="previous date" class="arrow-icon left-arrow left-arrow-to-date arrow-disabled" tabindex="-1" role="img">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                            </svg>
                        </i>
        <input class="cmp-hvmisearchfilters__field-input cmp-searchfilters__field-input" id="hvmisearchfilters-date-to" name="toDateDisplay" aria-label="Enter Checkout Date" placeholder="Check Out" role="searchbox" value="">
        <i aria-label="next date" class="arrow-icon right-arrow right-arrow-to-date" tabindex="0" role="img">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                            </svg>
                        </i>
      </div>
    </div>
    <div class="date-picker-wrapper no-shortcuts no-topbar no-gap two-months" unselectable="on" style="display: none; top: 4px; right: 0px; user-select: none;">
      <div class="month-wrapper" style="width: 610px;">
        <table class="month1" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> <span class="prev calendar-arrow-disabled" title="Previous Month" tabindex="-1"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z"></path>
                  </svg> </span> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">august</div>
                <div class="month-element">2022</div>
              </th>
              <th> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1659261116143" data-tooltip="" class="day lastMonth  invalid "><span class="day-inner">31</span></div>
              </td>
              <td>
                <div time="1659347516143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">1</span></div>
              </td>
              <td>
                <div time="1659433916143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">2</span></div>
              </td>
              <td>
                <div time="1659520316143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">3</span></div>
              </td>
              <td>
                <div time="1659606716143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">4</span></div>
              </td>
              <td>
                <div time="1659693116143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">5</span></div>
              </td>
              <td>
                <div time="1659779516143" data-tooltip="" class="day toMonth  invalid real-today"><span class="day-inner">6</span></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1659865916143" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">7</span></div>
              </td>
              <td>
                <div time="1659952316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1660038716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1660125116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
              <td>
                <div time="1660211516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1660297916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1660384316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1660470716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1660557116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1660643516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1660729916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
              <td>
                <div time="1660816316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1660902716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1660989116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661075516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1661161916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1661248316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1661334716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
              <td>
                <div time="1661421116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1661507516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1661593916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661680316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916143" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316143" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716143" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="gap" style="visibility: hidden; height: 10px;">
          <div class="gap-top-mask"></div>
          <div class="gap-bottom-mask"></div>
          <div class="gap-lines">
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
          </div>
        </div>
        <table class="month2" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">september</div>
                <div class="month-element">2022</div>
              </th>
              <th> <span class="next" title="Next Month" tabindex="0"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z"></path>
                  </svg></span> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1661680316143" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716143" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116143" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516143" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662285116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">4</a></div>
              </td>
              <td>
                <div time="1662371516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">5</a></div>
              </td>
              <td>
                <div time="1662457916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
              <td>
                <div time="1662544316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1662630716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1662717116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1662803516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662889916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1662976316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1663062716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
              <td>
                <div time="1663149116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1663235516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1663321916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1663408316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1663494716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1663581116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1663667516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
              <td>
                <div time="1663753916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1663840316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1663926716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1664013116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1664099516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1664185916143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1664272316143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
              <td>
                <div time="1664358716143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1664445116143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1664531516143" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1664617916143" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="footer">
        <div class="dp-controller no-dates-flexible">
          <div class="dp-button"> <a style="display: none;" href="javascript:;">Clear Dates</a> <button type="button" class="apply-btn">Done</button> </div>
        </div>
      </div>
      <div class="date-range-length-tip"></div>
    </div>
  </fieldset>
  <div class="cmp-hvmisearchfilters__control-wrapper cmp-searchfilters__control-wrapper ls-col-lg-10">
    <a class="cmp-hvmisearchfilters__link cmp-searchfilters__link" href="https://homes-and-villas.marriott.com/en/destinations" target="_blank">See all destinations</a>
    <input name="dateSelectionType" type="hidden" value="exact">
    <input name="fromDate" type="hidden" value="" disabled="disabled">
    <input name="toDate" type="hidden" value="" disabled="disabled">
    <input disabled="" name="invalidDateErrorMsg" type="hidden" value="Invalid date(s). Check your entry and try again.">
    <button class="J-search-button custom_click_track track-completed" custom_click_track_value="Storefront Hotel Search Filter | Hotel Search Filter - 'HVMI - Find a Home' CTA | External" id="searchHomeCTA" type="button">Find a Home </button>
  </div>
</form>

GET

<form action="" autocomplete="off" class="J-hvmi-step1-modal-form" method="get">
  <!-- destination for validation, not submit -->
  <input disabled="disabled" name="destinationAddress.destination" type="hidden">
  <input name="dateSelectionType" type="hidden" value="exact">
  <!-- fromDate and toDate: would get from the level 2 modal -->
  <input name="fromDate" type="hidden" value="2021-01-15">
  <input name="toDate" type="hidden" value="2021-01-18">
  <button class="ls-modal-button" id="searchHvmiModalCTA" type="submit">Find a Home </button>
</form>

POST https://all-inclusive.marriott.com/click-reservation?hdnpageprofileid=

<form action="https://all-inclusive.marriott.com/click-reservation?hdnpageprofileid=" autocomplete="off" class="cmp-allinclusivesearchfilters__form cmp-searchfilters__form ls-row ls-row-search-wide" enctype="application/x-www-form-urlencoded"
  method="POST" target="_blank">
  <fieldset class="cmp-allinclusivesearchfilters__destination-wrapper cmp-searchfilters__destination-wrapper J-destinationSearch ls-col-lg-6 ls-col-sm-6 ls-line-vertical-dotted">
    <label>
      <i aria-hidden="true" class="label-icon">
                        <svg height="16px" version="1.1" viewBox="0 0 15 16" width="15px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M4.5,0.333333333 C6.91875,0.333333333 8.875,2.42 8.875,5 C8.875,8.5 4.5,13.6666667 4.5,13.6666667 C4.5,13.6666667 0.125,8.5 0.125,5 C0.125,2.42 2.08125,0.333333333 4.5,0.333333333 Z M4.5,1.66666667 C2.775,1.66666667 1.375,3.16 1.375,5 C1.375,6.9 3.2,9.80666667 4.5,11.5866667 C5.825,9.79333333 7.625,6.92 7.625,5 C7.625,3.16 6.225,1.66666667 4.5,1.66666667 Z M4.5,3.33333333 C5.36294492,3.33333333 6.0625,4.07952542 6.0625,5 C6.0625,5.92047458 5.36294492,6.66666667 4.5,6.66666667 C3.63705508,6.66666667 2.9375,5.92047458 2.9375,5 C2.9375,4.07952542 3.63705508,3.33333333 4.5,3.33333333 Z">
                            </path>
                        </svg>
                    </i> Destination </label>
    <div class="resortSelectionRegion">
      <input class="selectBoxResort cmp-allinclusivesearchfilters__field-input cmp-searchfilters__field-input J-searchInput" maxlength="100" placeholder="Select" type="text" aria-label="Select Destination">
      <svg class="dropdown-arrow J-dropdownArrowResorts" height="8px" version="1.1" viewBox="0 0 12 8" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <polygon id="path-arrow" points="0.59 10.59 5.17 6 0.59 1.41 2 0 8 6 2 12"></polygon>
        </defs>
        <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
          <g transform="translate(-1174.000000, -471.000000)">
            <g transform="translate(823.000000, 445.000000)">
              <g transform="translate(357.000000, 30.000000) rotate(90.000000) translate(-357.000000, -30.000000) translate(353.000000, 24.000000)">
                <mask fill="white" id="mask-arrow1">
                  <use xlink:href="#path-arrow"></use>
                </mask>
                <use fill="#000000" fill-rule="nonzero" xlink:href="#path-arrow"></use>
                <g fill="#767676" mask="url(#mask-arrow1)">
                  <g transform="translate(-8.000000, -6.000000)">
                    <rect height="24" width="24" x="0" y="0"></rect>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </svg>
      <dl class="resortsListResort" id="resortsList"></dl>
    </div>
    <div class="allinclusiveErrorText">
      <svg class="icon" height="12" style="width: 12px; height:12px;" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
          fill="#D0021B"></path>
      </svg>
      <span>Please enter a destination</span>
    </div>
    <i aria-hidden="true" class="close-icon J-search-close-btn">
                    <svg height="12px" version="1.1" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                            <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                <g transform="translate(785.000000, 474.000000)">
                                    <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z">
                                    </path>
                                </g>
                            </g>
                        </g>
                    </svg>
                </i>
    <dl class="cmp-allinclusivesearchfilters__field-dropdown cmp-searchfilters__field-dropdown J-searchDropdown"></dl>
  </fieldset>
  <fieldset class="cmp-allinclusivesearchfilters__dates-wrapper cmp-searchfilters__dates-wrapper J-calendarContainerAllinclusive ls-col-lg-4 ls-col-sm-6">
    <label>
      <i aria-hidden="true" class="label-icon">
                        <svg height="15px" version="1.1" viewBox="0 0 14 15" width="14px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <path d="M11.3166667,1.95543037 L10.3958333,1.95543037 L10.3958333,0.580811593 L8.97916667,0.580811593 L8.97916667,1.95543037 L4.02083333,1.95543037 L4.02083333,0.580811593 L2.60416667,0.580811593 L2.60416667,1.95543037 L1.68333333,1.95543037 C1.02104167,1.95543037 0.479166667,2.54995299 0.479166667,3.19258727 L0.479166667,12.2650712 C0.479166667,12.9077055 1.02104167,13.4334972 1.68333333,13.4334972 L11.3166667,13.4334972 C11.9789583,13.4334972 12.5208333,12.9077055 12.5208333,12.2650712 L12.5208333,3.19258727 C12.5208333,2.54995299 11.9789583,1.95543037 11.3166667,1.95543037 Z M11.1041667,12.0588784 L1.89583333,12.0588784 L1.89583333,6.0792867 L11.1041667,6.0792867 L11.1041667,12.0588784 Z M11.1041667,5.08268809 L1.89583333,5.08268809 L1.89583333,3.33004915 L11.1041667,3.33004915 L11.1041667,5.08268809 Z">
                            </path>
                        </svg>
                    </i> Dates<span></span>
    </label>
    <div class="cmp-allinclusivesearchfilters__dates-field-wrapper cmp-searchfilters__dates-field-wrapper">
      <div class="cmp-allinclusivesearchfilters__picker cmp-searchfilters__picker">
        <i class="arrow-icon left-arrow left-arrow-from-date arrow-disabled" tabindex="-1" role="img" aria-label="previous date">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                            </svg>
                        </i>
        <input class="cmp-allinclusivesearchfilters__field-input cmp-searchfilters__field-input" id="allinclusivesearchfilters-date-from" name="fromDateDisplay" placeholder="Check In" role="searchbox" aria-label="Enter Checkin Date" value="">
        <div class="allinclusiveErrorText inclusiveFromDateErrorText">
          <svg class="icon" height="12" style="width: 12px; height:12px;" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
              fill="#D0021B"></path>
          </svg>
          <span>Please enter date</span>
        </div>
        <i class="arrow-icon right-arrow right-arrow-from-date" tabindex="0" role="img" aria-label="next date">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                            </svg>
                        </i>
      </div>
      <div class="cmp-allinclusivesearchfilters__picker cmp-searchfilters__picker">
        <i class="arrow-icon left-arrow left-arrow-to-date arrow-disabled" tabindex="-1" role="img" aria-label="previous date">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                            </svg>
                        </i>
        <input class="cmp-allinclusivesearchfilters__field-input cmp-searchfilters__field-input" id="allinclusivesearchfilters-date-to" name="toDateDisplay" placeholder="Check Out" role="searchbox" aria-label="Enter Checkout Date" value="">
        <div class="allinclusiveErrorText inclusiveToDateErrorText">
          <svg class="icon" height="12" style="width: 12px; height:12px;" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
              fill="#D0021B"></path>
          </svg>
          <span>Please enter date</span>
        </div>
        <i class="arrow-icon right-arrow  right-arrow-to-date" tabindex="0" role="img" aria-label="next date">
                            <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                            </svg>
                        </i>
      </div>
    </div>
    <div class="date-picker-wrapper no-shortcuts no-topbar no-gap two-months" unselectable="on" style="display: none; top: 4px; right: 0px; user-select: none;">
      <div class="month-wrapper" style="width: 610px;">
        <table class="month1" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> <span class="prev calendar-arrow-disabled" title="Previous Month" tabindex="-1"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z"></path>
                  </svg> </span> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">august</div>
                <div class="month-element">2022</div>
              </th>
              <th> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1659261116215" data-tooltip="" class="day lastMonth  invalid "><span class="day-inner">31</span></div>
              </td>
              <td>
                <div time="1659347516215" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">1</span></div>
              </td>
              <td>
                <div time="1659433916215" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">2</span></div>
              </td>
              <td>
                <div time="1659520316215" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">3</span></div>
              </td>
              <td>
                <div time="1659606716215" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">4</span></div>
              </td>
              <td>
                <div time="1659693116215" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">5</span></div>
              </td>
              <td>
                <div time="1659779516215" data-tooltip="" class="day toMonth  valid real-today"><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1659865916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1659952316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1660038716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1660125116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
              <td>
                <div time="1660211516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1660297916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1660384316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1660470716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1660557116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1660643516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1660729916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
              <td>
                <div time="1660816316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1660902716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1660989116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661075516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1661161916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1661248316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1661334716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
              <td>
                <div time="1661421116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1661507516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1661593916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661680316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916215" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316215" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716215" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="gap" style="visibility: hidden; height: 10px;">
          <div class="gap-top-mask"></div>
          <div class="gap-bottom-mask"></div>
          <div class="gap-lines">
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
          </div>
        </div>
        <table class="month2" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">september</div>
                <div class="month-element">2022</div>
              </th>
              <th> <span class="next" title="Next Month" tabindex="0"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z"></path>
                  </svg></span> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1661680316215" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716215" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116215" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516215" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662285116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">4</a></div>
              </td>
              <td>
                <div time="1662371516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">5</a></div>
              </td>
              <td>
                <div time="1662457916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
              <td>
                <div time="1662544316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1662630716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1662717116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1662803516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662889916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1662976316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1663062716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
              <td>
                <div time="1663149116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1663235516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1663321916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1663408316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1663494716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1663581116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1663667516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
              <td>
                <div time="1663753916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1663840316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1663926716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1664013116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1664099516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1664185916215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1664272316215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
              <td>
                <div time="1664358716215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1664445116215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1664531516215" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1664617916215" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="footer">
        <div class="dp-controller no-dates-flexible">
          <div class="dp-button"> <a style="display: none;" href="javascript:;">Clear Dates</a> <button type="button" class="apply-btn">Done</button> </div>
        </div>
      </div>
      <div class="date-range-length-tip"></div>
    </div>
  </fieldset>
  <div class="cmp-allinclusivesearchfilters__control-wrapper cmp-searchfilters__control-wrapper ls-col-lg-10">
    <a class="cmp-allinclusivesearchfilters__link cmp-searchfilters__link" href="https://all-inclusive.marriott.com/our-resorts" target="_blank">See all destinations</a>
    <input name="hotelcode" type="hidden" value="">
    <input name="chainId" type="hidden" value="">
    <!-- fromDate and toDate -->
    <input name="checkindate" type="hidden" value="Aug 06, 2022">
    <input name="checkoutdate" type="hidden" value="Aug 07, 2022">
    <input disabled="" name="invalidDateErrorMsg" type="hidden" value="Invalid date(s). Check your entry and try again.">
    <button class="J-search-button custom_click_track track-completed" custom_click_track_value="Storefront Hotel Search Filter | Hotel Search Filter - 'All Inclusive- Check Availability' CTA | External" id="searchAllInclusiveCTA" type="submit">Check
      Availability </button>
  </div>
</form>

POST https://all-inclusive.marriott.com/click-reservation?hdnpageprofileid=

<form action="https://all-inclusive.marriott.com/click-reservation?hdnpageprofileid=" autocomplete="off" enctype="application/x-www-form-urlencoded" method="POST">
  <!-- destination for validation, not submit -->
  <input disabled="disabled" name="destinationAddress.destination" type="hidden" value="">
  <input id="hotelcode" name="hotelcode" type="hidden" value="">
  <input name="chainId" type="hidden" value="">
  <!-- destinationAddress.destination: would get from the level 2 modal -->
  <!-- fromDate and toDate: would get from the level 2 modal -->
  <input name="checkindate" type="hidden" value="">
  <input name="checkoutdate" type="hidden" value="">
  <button class="ls-modal-button" id="searchAllInclusiveModalCTA" type="submit"> Check Availability </button>
</form>

GET https://vacations.marriott.com/Hotel-Search

<form action="https://vacations.marriott.com/Hotel-Search" autocomplete="off" class="cmp-vacationsearchfilters__form cmp-searchfilters__form ls-row ls-row-search-wide" method="get" target="_blank">
  <!-- origin -->
  <fieldset class="cmp-vacationsearchfilters__origin-wrapper cmp-searchfilters__origin-wrapper J-origin-search origin-field ls-col-lg-3 ls-col-md-3 ls-col-sm-12">
    <label>
      <i aria-hidden="true" class="label-icon">
                                <svg height="16px" version="1.1" viewBox="0 0 15 16" width="14px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <path d="M4.5,0.333333333 C6.91875,0.333333333 8.875,2.42 8.875,5 C8.875,8.5 4.5,13.6666667 4.5,13.6666667 C4.5,13.6666667 0.125,8.5 0.125,5 C0.125,2.42 2.08125,0.333333333 4.5,0.333333333 Z M4.5,1.66666667 C2.775,1.66666667 1.375,3.16 1.375,5 C1.375,6.9 3.2,9.80666667 4.5,11.5866667 C5.825,9.79333333 7.625,6.92 7.625,5 C7.625,3.16 6.225,1.66666667 4.5,1.66666667 Z M4.5,3.33333333 C5.36294492,3.33333333 6.0625,4.07952542 6.0625,5 C6.0625,5.92047458 5.36294492,6.66666667 4.5,6.66666667 C3.63705508,6.66666667 2.9375,5.92047458 2.9375,5 C2.9375,4.07952542 3.63705508,3.33333333 4.5,3.33333333 Z"></path>
                                </svg>
                            </i> ORIGIN </label>
    <input class="cmp-originsearchfilters__field-input cmp-searchfilters__field-input J-search-input origin-input" maxlength="120" placeholder="From City/Airport" type="text" aria-label="Select From City/Airport">
    <div class="vacationErrorText origin-error">
      <svg class="icon" height="12" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
          fill="#D0021B"></path>
      </svg>
      <span>Please enter an origin</span>
    </div>
    <dl class="cmp-vacationsearchfilters__field-dropdown cmp-searchfilters__field-dropdown J-searchDropdown"></dl>
    <a href="javascript:;" role="button" class="close-icon J-search-close-btn" aria-label="Clear Origin">
                            <i aria-hidden="true">
                                <svg height="12px" version="1.1" viewBox="0 0 12 12" width="14px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                        <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                            <g transform="translate(785.000000, 474.000000)">
                                                <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </i>
                        </a>
  </fieldset>
  <!-- destination -->
  <fieldset class="cmp-vacationsearchfilters__destination-wrapper cmp-searchfilters__destination-wrapper J-destination-search destination-field ls-col-lg-3 ls-col-md-3 ls-col-sm-12 ls-line-vertical-dotted">
    <label>
      <i aria-hidden="true" class="label-icon">
                                <svg height="16px" version="1.1" viewBox="0 0 15 16" width="15px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <path d="M4.5,0.333333333 C6.91875,0.333333333 8.875,2.42 8.875,5 C8.875,8.5 4.5,13.6666667 4.5,13.6666667 C4.5,13.6666667 0.125,8.5 0.125,5 C0.125,2.42 2.08125,0.333333333 4.5,0.333333333 Z M4.5,1.66666667 C2.775,1.66666667 1.375,3.16 1.375,5 C1.375,6.9 3.2,9.80666667 4.5,11.5866667 C5.825,9.79333333 7.625,6.92 7.625,5 C7.625,3.16 6.225,1.66666667 4.5,1.66666667 Z M4.5,3.33333333 C5.36294492,3.33333333 6.0625,4.07952542 6.0625,5 C6.0625,5.92047458 5.36294492,6.66666667 4.5,6.66666667 C3.63705508,6.66666667 2.9375,5.92047458 2.9375,5 C2.9375,4.07952542 3.63705508,3.33333333 4.5,3.33333333 Z"></path>
                                </svg>
                            </i> DESTINATION </label>
    <input class="cmp-vacationsearchfilters__field-input cmp-searchfilters__field-input J-search-input destination-input" maxlength="120" placeholder="To City/Airport" type="text" aria-label="Select To City/Airport">
    <div class="vacationErrorText destination-error">
      <svg class="icon" height="12" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
          fill="#D0021B"></path>
      </svg>
      <span>Please enter a destination</span>
    </div>
    <dl class="cmp-vacationsearchfilters__field-dropdown cmp-searchfilters__field-dropdown J-searchDropdown"></dl>
    <a href="javascript:;" role="button" class="close-icon J-search-close-btn" aria-label="Clear Destination">
                            <i aria-hidden="true">
                                <svg height="12px" version="1.1" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                        <g fill="#A9A9AD" transform="translate(-785.000000, -474.000000)">
                                            <g transform="translate(785.000000, 474.000000)">
                                                <path d="M8.707,7.293 C9.098,7.684 9.098,8.316 8.707,8.707 C8.512,8.902 8.256,9 8,9 C7.744,9 7.488,8.902 7.293,8.707 L6,7.414 L4.707,8.707 C4.512,8.902 4.256,9 4,9 C3.744,9 3.488,8.902 3.293,8.707 C2.902,8.316 2.902,7.684 3.293,7.293 L4.586,6 L3.293,4.707 C2.902,4.316 2.902,3.684 3.293,3.293 C3.684,2.902 4.316,2.902 4.707,3.293 L6,4.586 L7.293,3.293 C7.684,2.902 8.316,2.902 8.707,3.293 C9.098,3.684 9.098,4.316 8.707,4.707 L7.414,6 L8.707,7.293 Z M6,0 C2.686,0 0,2.687 0,6 C0,9.314 2.686,12 6,12 C9.313,12 12,9.314 12,6 C12,2.687 9.313,0 6,0 L6,0 Z"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </i>
                        </a>
  </fieldset>
  <!-- date -->
  <fieldset class="cmp-vacationsearchfilters__dates-wrapper cmp-searchfilters__dates-wrapper J-calendarContainerVacation date-field ls-col-lg-4 ls-col-md-6 ls-col-sm-12">
    <label>
      <i aria-hidden="true" class="label-icon">
                                <svg height="15px" version="1.1" viewBox="0 0 14 15" width="14px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <path d="M11.3166667,1.95543037 L10.3958333,1.95543037 L10.3958333,0.580811593 L8.97916667,0.580811593 L8.97916667,1.95543037 L4.02083333,1.95543037 L4.02083333,0.580811593 L2.60416667,0.580811593 L2.60416667,1.95543037 L1.68333333,1.95543037 C1.02104167,1.95543037 0.479166667,2.54995299 0.479166667,3.19258727 L0.479166667,12.2650712 C0.479166667,12.9077055 1.02104167,13.4334972 1.68333333,13.4334972 L11.3166667,13.4334972 C11.9789583,13.4334972 12.5208333,12.9077055 12.5208333,12.2650712 L12.5208333,3.19258727 C12.5208333,2.54995299 11.9789583,1.95543037 11.3166667,1.95543037 Z M11.1041667,12.0588784 L1.89583333,12.0588784 L1.89583333,6.0792867 L11.1041667,6.0792867 L11.1041667,12.0588784 Z M11.1041667,5.08268809 L1.89583333,5.08268809 L1.89583333,3.33004915 L11.1041667,3.33004915 L11.1041667,5.08268809 Z"></path>
                                </svg>
                            </i> Dates </label>
    <div class="cmp-vacationsearchfilters__dates-field-wrapper cmp-searchfilters__dates-field-wrapper">
      <div class="cmp-vacationsearchfilters__picker cmp-searchfilters__picker">
        <i class="arrow-icon left-arrow left-arrow-from-date arrow-disabled" tabindex="-1" role="img" aria-label="previous date">
                                    <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                                    </svg>
                                </i>
        <input class="cmp-vacationsearchfilters__field-input cmp-searchfilters__field-input vacationsearchfilters-date-from start-data-display" data-label-check-in="Check in" data-label-departing="Departing" id="vacationsearchfilters-date-from"
          placeholder="Departing" role="searchbox" data-aria-label-check-in="Enter Checkin Date" data-aria-label-departing="Enter Departing Date" aria-label="Enter Departing Date" aria-haspopup="true" value="">
        <div class="vacationErrorText from-date-error">
          <svg class="icon" height="12" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
              fill="#D0021B"></path>
          </svg>
          <span>Please enter a date</span>
        </div>
        <i class="arrow-icon right-arrow right-arrow-from-date" tabindex="0" role="img" aria-label="next date">
                                    <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                                    </svg>
                                </i>
      </div>
      <div class="cmp-vacationsearchfilters__picker cmp-searchfilters__picker">
        <i class="arrow-icon left-arrow left-arrow-to-date arrow-disabled" tabindex="-1" role="img" aria-label="previous date">
                                    <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z" fill="#767676"></path>
                                    </svg>
                                </i>
        <input class="cmp-vacationsearchfilters__field-input cmp-searchfilters__field-input vacationsearchfilters-date-to end-date-display" data-label-check-out="Check out" data-label-returning="Returning" id="vacationsearchfilters-date-to"
          placeholder="Returning" role="searchbox" data-aria-label-check-out="Enter Checkout Date" data-aria-label-returning="Enter Returning Date" aria-label="Enter Returning Date" aria-haspopup="true" value="">
        <div class="vacationErrorText to-date-error">
          <svg class="icon" height="12" t="1614064740266" version="1.1" viewBox="0 0 1024 1024" width="12" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m0-85.333333a384 384 0 1 0 0-768 384 384 0 0 0 0 768z m0-128.085333a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-42.538667-512h85.333334v341.333333h-85.333334v-341.333333z"
              fill="#D0021B"></path>
          </svg>
          <span>Please enter a date</span>
        </div>
        <i class="arrow-icon right-arrow  right-arrow-to-date" tabindex="0" role="img" aria-label="next date">
                                    <svg height="14px" version="1.1" viewBox="0 0 1024 1024" width="14px" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z" fill="#767676"></path>
                                    </svg>
                                </i>
      </div>
    </div>
    <div class="date-picker-wrapper no-shortcuts no-topbar no-gap two-months" unselectable="on" style="display: none; top: 4px; right: 0px; user-select: none;">
      <div class="month-wrapper" style="width: 610px;">
        <table class="month1" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> <span class="prev calendar-arrow-disabled" title="Previous Month" tabindex="-1"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M707.323 960.556l56.093-54.503-403.917-392.469 403.917-392.475-56.093-54.502L247.32 513.584l460.004 446.972z m0 0z"></path>
                  </svg> </span> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">august</div>
                <div class="month-element">2022</div>
              </th>
              <th> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1659261116181" data-tooltip="" class="day lastMonth  invalid "><span class="day-inner">31</span></div>
              </td>
              <td>
                <div time="1659347516181" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">1</span></div>
              </td>
              <td>
                <div time="1659433916181" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">2</span></div>
              </td>
              <td>
                <div time="1659520316181" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">3</span></div>
              </td>
              <td>
                <div time="1659606716181" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">4</span></div>
              </td>
              <td>
                <div time="1659693116181" data-tooltip="" class="day toMonth  invalid "><span class="day-inner">5</span></div>
              </td>
              <td>
                <div time="1659779516181" data-tooltip="" class="day toMonth  valid real-today"><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1659865916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1659952316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1660038716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1660125116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
              <td>
                <div time="1660211516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1660297916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1660384316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1660470716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1660557116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1660643516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1660729916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
              <td>
                <div time="1660816316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1660902716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1660989116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661075516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1661161916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1661248316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1661334716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
              <td>
                <div time="1661421116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1661507516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1661593916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1661680316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916181" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316181" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716181" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="gap" style="visibility: hidden; height: 10px;">
          <div class="gap-top-mask"></div>
          <div class="gap-bottom-mask"></div>
          <div class="gap-lines">
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
            <div class="gap-line">
              <div class="gap-1"></div>
              <div class="gap-2"></div>
              <div class="gap-3"></div>
            </div>
          </div>
        </div>
        <table class="month2" cellspacing="0" border="0" cellpadding="0">
          <thead>
            <tr class="caption">
              <th> </th>
              <th colspan="5" class="month-name">
                <div class="month-element">september</div>
                <div class="month-element">2022</div>
              </th>
              <th> <span class="next" title="Next Month" tabindex="0"><svg width="12px" height="12px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="#767676" d="M268.373 908.63l60.587 60.074 456.704-460.373L328.704 55.04l-60.075 60.587 396.374 393.216z"></path>
                  </svg></span> </th>
            </tr>
            <tr class="week-name">
              <th>sun</th>
              <th>mon</th>
              <th>tue</th>
              <th>wed</th>
              <th>thu</th>
              <th>fri</th>
              <th>sat</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div time="1661680316181" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1661766716181" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1661853116181" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1661939516181" data-tooltip="" class="day lastMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">31</a></div>
              </td>
              <td>
                <div time="1662025916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
              <td>
                <div time="1662112316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">2</a></div>
              </td>
              <td>
                <div time="1662198716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">3</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662285116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">4</a></div>
              </td>
              <td>
                <div time="1662371516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">5</a></div>
              </td>
              <td>
                <div time="1662457916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">6</a></div>
              </td>
              <td>
                <div time="1662544316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">7</a></div>
              </td>
              <td>
                <div time="1662630716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">8</a></div>
              </td>
              <td>
                <div time="1662717116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">9</a></div>
              </td>
              <td>
                <div time="1662803516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">10</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1662889916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">11</a></div>
              </td>
              <td>
                <div time="1662976316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">12</a></div>
              </td>
              <td>
                <div time="1663062716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">13</a></div>
              </td>
              <td>
                <div time="1663149116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">14</a></div>
              </td>
              <td>
                <div time="1663235516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">15</a></div>
              </td>
              <td>
                <div time="1663321916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">16</a></div>
              </td>
              <td>
                <div time="1663408316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">17</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1663494716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">18</a></div>
              </td>
              <td>
                <div time="1663581116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">19</a></div>
              </td>
              <td>
                <div time="1663667516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">20</a></div>
              </td>
              <td>
                <div time="1663753916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">21</a></div>
              </td>
              <td>
                <div time="1663840316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">22</a></div>
              </td>
              <td>
                <div time="1663926716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">23</a></div>
              </td>
              <td>
                <div time="1664013116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">24</a></div>
              </td>
            </tr>
            <tr>
              <td>
                <div time="1664099516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">25</a></div>
              </td>
              <td>
                <div time="1664185916181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">26</a></div>
              </td>
              <td>
                <div time="1664272316181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">27</a></div>
              </td>
              <td>
                <div time="1664358716181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">28</a></div>
              </td>
              <td>
                <div time="1664445116181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">29</a></div>
              </td>
              <td>
                <div time="1664531516181" data-tooltip="" class="day toMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">30</a></div>
              </td>
              <td>
                <div time="1664617916181" data-tooltip="" class="day nextMonth  valid "><a class="day-inner" href="javascript:;" tabindex="0">1</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="footer">
        <div class="dp-controller no-dates-flexible">
          <div class="dp-button"> <a style="display: none;" href="javascript:;">Clear Dates</a> <button type="button" class="apply-btn">Done</button> </div>
        </div>
      </div>
      <div class="date-range-length-tip"></div>
    </div>
  </fieldset>
  <!-- form submit -->
  <div class="cmp-vacationsearchfilters__control-wrapper cmp-searchfilters__control-wrapper ls-col-lg-10 ls-col-md-12 ls-col-sm-12">
    <div></div>
    <input disabled="disabled" name="invalidDateErrorMsg" type="hidden" value="Invalid date(s). Check your entry and try again.">
    <!-- @packageType: get from active tab -->
    <input name="packageType" type="hidden" value="fh">
    <!-- @searchProduct, @adults: fixed value -->
    <input name="searchProduct" type="hidden" value="hotel">
    <input name="adults" type="hidden" value="2">
    <!-- @origin, @originId, @ftla: [not required by R+C], get from origin input -->
    <input name="origin" type="hidden" value="">
    <input name="originId" type="hidden" value="">
    <input name="ftla" type="hidden" value="">
    <!-- @regionId, @destination, @destinationId, @ttla: get from destination input -->
    <input name="regionId" type="hidden" value="">
    <input name="destination" type="hidden" value="">
    <input name="destinationId" type="hidden" value="">
    <input name="ttla" type="hidden" value="">
    <!-- @startDate, @endDate: get from datepicker -->
    <input name="startDate" type="hidden" value="" disabled="disabled">
    <input name="endDate" type="hidden" value="" disabled="disabled">
    <!-- @paandi: [ not required by R+C ], fixed value -->
    <input name="paandi" type="hidden" value="true">
    <!-- @sort: fixed value -->
    <input name="sort" type="hidden" value="recommended">
    <!-- @tripType, @cabinClass: [ not required by R+C ], fixed value -->
    <input name="tripType" type="hidden" value="ROUND_TRIP">
    <input name="cabinClass" type="hidden" value="COACH">
    <!-- @pickUpTime, @dropOffTime: [ not required by R+F ], 1030 for R+F+C, 0602 for R+C -->
    <input disabled="disabled" name="pickUpTime" type="hidden" value="">
    <input disabled="disabled" name="dropOffTime" type="hidden" value="">
    <!-- @MDPCID for vbm tracking -->
    <input type="hidden" name="MDPCID" value="">
    <button class="J-search-button searchVacationCTA custom_click_track track-completed" custom_click_track_value="Storefront Hotel Search Filter | Hotel Search Filter - 'Vacation Packages - Find a Vacation' CTA | External" type="button">Find a
      Vacation </button>
  </div>
</form>

GET https://vacations.marriott.com/Hotel-Search

<form action="https://vacations.marriott.com/Hotel-Search" autocomplete="off" class="J-vacation-step1-modal-form" method="get" target="_self">
  <!-- @packageType: get from active tab -->
  <input name="packageType" type="hidden" value="fh">
  <!-- @searchProduct, @adults: fixed value -->
  <input name="searchProduct" type="hidden" value="hotel">
  <input name="adults" type="hidden" value="2">
  <!-- @origin, @originId, @ftla: [ not required by R+C ], get from level2 origin modal -->
  <input name="origin" type="hidden" value="">
  <input name="originId" type="hidden" value="">
  <input name="ftla" type="hidden" value="">
  <!-- @regionId, @destination, @destinationId, @ttla: get from level2 destination modal -->
  <input name="regionId" type="hidden" value="">
  <input name="destination" type="hidden" value="">
  <input name="destinationId" type="hidden" value="">
  <input name="ttla" type="hidden" value="">
  <!-- @startDate, @endDate: get from level2 datepicker modal -->
  <input name="startDate" type="hidden" value="">
  <input name="endDate" type="hidden" value="">
  <!-- @paandi: [ not required by R+C ], fixed value -->
  <input name="paandi" type="hidden" value="true">
  <!-- @sort: fixed value -->
  <input name="sort" type="hidden" value="recommended">
  <!-- @tripType, @cabinClass: [ not required by R+C ], fixed value -->
  <input name="tripType" type="hidden" value="ROUND_TRIP">
  <input name="cabinClass" type="hidden" value="COACH">
  <!-- @pickUpTime, @dropOffTime: [ not required by R+F ], 1030 for R+F+C, 0602 for R+C -->
  <input disabled="disabled" name="pickUpTime" type="hidden" value="">
  <input disabled="disabled" name="dropOffTime" type="hidden" value="">
  <!-- @MDPCID for vbm tracking -->
  <input type="hidden" name="MDPCID" value="">
  <button class="ls-modal-button searchVacationModalCTA" type="submit"> Find a Package </button>
</form>

Text Content

Header Experience Fragment
Open Menu
Marriott Bonvoy
 * COVID-19
 * Help
 * English
 * My Trips
 * Sign In or Join
 * Sign In or Join
   Sign In Join
   
   Sign In to your account Close Dialog
   
   Email or Member Number
   Email or Member Number
   Password
   Remember Me
   Sign In
   Forgot Password | Clear Remembered Account Activate online account
 * SIGN IN
 * Points
 * My Trips

 * Find & Reserve
   Back
   
   
   FIND & RESERVE
   
    * Find a Hotel
    * Book Meetings & Events
    * Browse by Destination
    * Browse by Interest
    * Lookup Reservation
    * Worldwide Telephone Reservations
    * Find a Private Home Rental
   
   X
   Close
 * Special Offers
   Back
   
   
   SPECIAL OFFERS
   
    * Deals
    * Resorts: Save up to 20%
   
    * Gift Cards Opens a new window
    * Shop Marriott Opens a new window
    * Shop Westin Opens a new window
   
   
   EXCLUSIVE GETAWAYS, MEMBER OFFERS & MORE
   
   See All Savings Exclusive getaways, member offers & more
   X
   Close
 * Vacations
   Back
   
   
   VACATIONS
   
    * Explore Destinations Opens a new window
    * Homes & Villas Opens a new window
    * Residences Opens a new window
    * Marriott Vacation Club Opens a new window
   
    * The Ritz-Carlton Yacht Collection Opens a new window
    * All-Inclusive Vacations Opens a new window
    * Hotel & Flight Packages Opens a new window
    * Cars, Tours & Activities Opens a new window
    * Travel Tips & Ideas Opens a new window
    * Dine + Drink Opens a new window
   
   
   IMAGINE YOUR DREAM VACATION
   
   Get inspiration and plan your next getaway.
   
   Explore Vacations Imagine Your Dream Vacation Opens a new window
   X
   Close
 * Our Brands
   Back
   
   
   OUR BRANDS
   
    * template
   
    * Explore All Brands Opens a new window
   
   
   X
   Close
 * Our Credit Cards
 * About Marriott Bonvoy
   Back
   
   
   ABOUT MARRIOTT BONVOY
   
    * Sign In
    * Marriott Bonvoy Overview
    * Member Benefits
    * How to Earn Points
   
    * How to Use Points/Certificates
    * Marriott Bonvoy Credit Card
    * Marriott Bonvoy Moments Opens a new window
    * Marriott Bonvoy Insiders Opens a new window
   
   
   JOIN MARRIOTT BONVOY
   
    * Enjoy our lowest rates, all the time
    * Free in-room Wi-Fi
    * Mobile check-in and more
   
   Join Now Join Marriott Bonvoy Opens a new window
   X
   Close

English
X
Close Dialog


Close Dialog


Close Dialog


PLEASE SELECT YOUR PREFERRED LANGUAGE


THE AMERICAS

 * English
 * Español
 * Français
 * Português


ASIA AND OCEANIA

 * English
 * Bahasa Indonesia Opens a new window
 * 中文
 * 日本語
 * 한국어
 * ภาษาไทย Opens a new window
 * Tiếng Việt


INTERNATIONAL

 * English
 * اللغة العربية
 * עברית


EUROPE

 * Dansk
 * Deutsch
 * Español
 * Français
 * Ελληνικά
 * Italiano
 * Nederlands
 * Norsk
 * Русский
 * Português
 * Polski
 * Suomi
 * Svenska
 * Türkçe
 * English


Close Dialog
0 Points Buy Points Opens a new window
 * Overview
 * Activity
 * My Trips
 * Favorites
 * Promotions
 * Profile
 * Member Benefits

SIGN OUT


MARRIOTT BONVOY™ CREDIT CARDS


MARRIOTT BONVOY™ CREDIT CARDS





EXPLORE


SINGAPORE
HOTELS & HOME RENTALS

Plan Your Trip
Hide search
 1. Hotels Hotels
 2. Homes Homes & Villas
 3. All-Inclusive All-Inclusive
 4. Packages Vacation Packages

Destination
Please enter a destination
Dates(Optional)

august
2022
sunmontuewedthufrisat
31
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
1
2
3


september
2022
sunmontuewedthufrisat
28
29
30
31
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
1

Clear Dates Done

1 Room: 1 Adult/Room
Rooms

Adults (Max: 8 total guests/room)

Children (Max: 8 total guests/room)

ADD AGES FOR CHILDREN
Age Based Rates may be available


Reset Fields
Special Rates
Select One Rate
None
AAA/CAA
Senior Discount
Government & Military
Corp/Promo Code
ADD CORP/PROMO CODE
Done
Use Points/Certificates
Find a Hotel
Destination Where Next? Dates Select Dates

HOTELS

Where do you want to go?

Destination
Singapore
Dates(Optional)

Rooms & Guests
1 Room, 1 Guest
Special Rates
Select
Marriott Bonvoy Points

Use Points/Certificates

Find a Hotel



DESTINATION


Cancel

Search for your next destination

DATES


Cancel

My dates are flexible Book for Tonight

ROOMS & GUESTS

1 Room, 1 Adult
Cancel
Rooms

Adults (Max: 8 total guests/room)

Children (Max: 8 total guests/room)

ADD AGES FOR CHILDREN
Age Based Rates may be available


Apply

SPECIAL RATES


Cancel
None
AAA/CAA
Senior Discount
Government & Military
Corp/Promo Code
ADD CORP/PROMO CODE
Apply
Destination
Please enter a destination
Dates(Optional)

august
2022
sunmontuewedthufrisat
31
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
1
2
3


september
2022
sunmontuewedthufrisat
28
29
30
31
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
1

Clear Dates Done

See all destinations Find a Home
Destination Where to? Dates Select Dates

Homes & Villas

Where do you want to go?

Destination
Where to?
Dates(Optional)
Check In
Check Out

See all destinations
Find a Home


DESTINATION


Cancel

Search for your next destination

DATES


Cancel

My dates are flexible Book for Tonight
Destination

Please enter a destination
Dates
Please enter date
Please enter date
august
2022
sunmontuewedthufrisat
31
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
1
2
3


september
2022
sunmontuewedthufrisat
28
29
30
31
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
1

Clear Dates Done

See all destinations Check Availability
Destination Select Dates Dec 17-18

All Inclusive

Where do you want to go?

Destination
Select
Dates


Check Availability

DESTINATION


Cancel

Search for your destination

DATES


Cancel

Book for Tonight
Room + Flight Room + Flight + Car Room + Car
ORIGIN
Please enter an origin
DESTINATION
Please enter a destination
Dates
Please enter a date
Please enter a date
august
2022
sunmontuewedthufrisat
31
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
1
2
3


september
2022
sunmontuewedthufrisat
28
29
30
31
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
1

Clear Dates Done


Find a Vacation
Location Where to? Dates When?

Vacation Packages

Where do you want to go?

Room + Flight Room + Flight + Car Room + Car
ORIGIN
From City/Airport
DESTINATION
To City/Airport
Dates
Departing
Returning

Find a Package


ORIGIN


Cancel

Search for Origin?

DESTINATION


Cancel

Search for Destination?

DATES


Cancel

Book for Tonight


STAY IN THE CENTER OF IT ALL

Immerse yourself in your destination at these centrally located hotels.

Showing 1-6 of 13 Hotels in Singapore1-6 of 13 Hotels
Sort by: Distance
View All Hotels in Singapore
Courtyard Singapore Novena
From370SGD / night
View Rates

4.4

Duxton Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

3.8

Four Points by Sheraton Singapore, Riverview
From219SGD / night
View Rates

4.1

JW Marriott Hotel Singapore South Beach
From512SGD / night
View Rates

4.3

Maxwell Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

4.8

Sheraton Towers Singapore
From408SGD / night
View Rates

3.8

Previous
Courtyard Singapore Novena
From370SGD / night
View Rates

4.4

Duxton Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

3.8

Four Points by Sheraton Singapore, Riverview
From219SGD / night
View Rates

4.1

JW Marriott Hotel Singapore South Beach
From512SGD / night
View Rates

4.3

Maxwell Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

4.8

Sheraton Towers Singapore
From408SGD / night
View Rates

3.8

Next
Previous
Courtyard Singapore Novena
From370SGD / night
View Rates

4.4

Duxton Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

3.8

Four Points by Sheraton Singapore, Riverview
From219SGD / night
View Rates

4.1

JW Marriott Hotel Singapore South Beach
From512SGD / night
View Rates

4.3

Maxwell Reserve Singapore, Autograph Collection
From475SGD / night
View Rates

4.8

Sheraton Towers Singapore
From408SGD / night
View Rates

3.8

Next
View Hotels

{"destinationTypes":{"isStateEnabled":false,"stateCode":"","isCountryEnabled":true,"countryCode":"SG"}}


EXTRAORDINARY HOTEL OFFERS AWAIT

Showing 1-4 of 33 Offers in Singapore
View All Offers
Previous

THE ST. REGIS SINGAPORE


LONG STAY PRIVILEGES

Stay a minimum of 7 nights and enjoy greater savings off your room rates.

Details

FOUR POINTS BY SHERATON SINGAPORE, RIVERVIEW


STAY LONGER

Enjoy the benefits of a long and relaxing stay

Details

JW MARRIOTT HOTEL SINGAPORE SOUTH BEACH


FUN FOR THE WHOLE FAMILY

Embark on a world of enriching experiences with thoughtfully curated activities
for the whole family to feel inspired and connected throughout your stay.

Details

THE VAGABOND CLUB, SINGAPORE, A TRIBUTE PORTFOLIO ...


STAY LONGER FOR LESS

Enjoy greater savings with stays of a minimum of 10 nights!

Details
Next
 * 1
 * 2
 * 3
 * 4

View Offers


COUNT ON FLEXIBLE CANCELLATIONS

Change of travel plans? We’ve got you covered. From flexible cancellations to
our Commitment to Clean, we’re doing everything we can to keep our guests and
associates safe.

View COVID-19 Policies


MAKE YOURSELF AT HOME

Unwind with loved ones at one of our private luxury rentals. Each hand-picked
Homes & Villas by Marriott International offers 24/7 support and is held to the
highest standards.




RESORTS RE-IMAGINED

With an array of amenities, immersive experiences, and culinary delights, let
All-Inclusive by Marriott Bonvoy elevate your next resort vacation in the
world’s most coveted destinations.

Explore
01
/
 * 
 * 
 * 

03
Solo Adventures
Adults-Only Experiences
Family Vacations
Solo Adventures
Adults-Only Experiences
Family Vacations
Solo Adventures
‹›

Prev Next
Prev
01 / 03
Next


CHOOSE YOUR OWN VACATION ADVENTURE

Whether you’re seeking a family-friendly getaway or a romantic escape; a
bustling city or a quiet beach, Vacations by Marriott has the perfect travel
package for every vacationer.

View Vacations
Prev
01 / 03
Next
Prev
02 / 03
Next


EXPLORE THE WORLD FOR LESS

From limited time offers to savings in dreamy destinations, Vacations by
Marriott gives you access to some of the best vacation package deals on the
planet.

View Vacations
Prev
02 / 03
Next
Prev
03 / 03
Next


THE PERKS OF OUR VACATION PACKAGES

Want to earn Marriott BonvoyTM points and enjoy exclusive benefits on your
entire trip? Simply book your accommodation and transportation with Vacations by
Marriott.

View Vacations
Prev
03 / 03
Next
Footer Experience Fragment


TOP DESTINATIONS

Anaheim Hotels Atlanta Hotels Baltimore Hotels Boston Hotels Cancun Hotels
Charlotte Hotels Chicago Hotels Costa Rica Hotels Dallas Hotels Las Vegas Hotels
London Hotels Los Angeles Hotels Memphis Hotels Miami Hotels Myrtle Beach Hotels
New York Hotels Orlando Hotels Paris Hotels Philadelphia Hotels San Francisco
Hotels St. Louis Hotels Tampa Hotels Thailand Hotels Toronto Hotels Washington
DC Hotels


FOR GUESTS

Best Rate Guarantee Marriott Bonvoy Moments Activities Marriott Insiders
Marriott Bonvoy Traveler Travel Experiences Travel Insurance Shop Marriott Shop
Westin Gift Cards


OUR COMPANY

About Marriott Careers Travel Professionals Group Partners Developers Affiliates
Investors News Bill Marriott's Blog Tony Capuano’s Blog Heart of the House
Follow us
 * Facebook
 * Instagram
 * Twitter
 * Linkedin
 * Youtube

© 1996 – 2022 Marriott International, Inc. All rights reserved. Marriott
Proprietary Information

English
Tracking Preferences Careers Terms of Use Program Terms & Conditions Privacy
Center Do Not Sell My Personal Information Digital Accessibility Site Map Help
prod16,9DD0ED23-4191-5516-B16A-E9BCF5851C51,rel-R22.8.1
Close Dialog


PLEASE SELECT YOUR PREFERRED LANGUAGE


THE AMERICAS

 * English
 * Español
 * Français
 * Português


ASIA AND OCEANIA

 * English
 * Bahasa Indonesia Opens a new window
 * 中文
 * 日本語
 * 한국어
 * ภาษาไทย Opens a new window
 * Tiếng Việt


INTERNATIONAL

 * English
 * اللغة العربية
 * עברית


EUROPE

 * Dansk
 * Deutsch
 * Español
 * Français
 * Ελληνικά
 * Italiano
 * Nederlands
 * Norsk
 * Русский
 * Português
 * Polski
 * Suomi
 * Svenska
 * Türkçe
 * English




PRIVACY PREFERENCE CENTER




 * YOUR PRIVACY


 * STRICTLY NECESSARY COOKIES


 * FUNCTIONAL COOKIES


 * ADVERTISING COOKIES


 * ANALYTICS

YOUR PRIVACY

Cookies are pieces of data stored on your browser or device that help us provide
you a smooth and personalized experience on our web properties. We use different
types of cookies, which are outlined below.
More Information

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary to enable the basic features of the website or app,
such as providing a secure log-in.

Cookies Details‎

FUNCTIONAL COOKIES

Functional Cookies


These cookies allow websites to remember your site preferences and choices you
make on the site. We also use functional cookies to facilitate navigation, to
display content more effectively, or to personalize your experience. 

Cookies Details‎

ADVERTISING COOKIES

Advertising Cookies


Advertising cookies allow us to select which advertisements or offers are most
likely to appeal to you. We also use them to track responses to online
advertisements and marketing, and we may use it to better understand your
interests so we may can present you with relevant messages and offers. These
cookies may also allow you to share certain pages with social networks.

Cookies Details‎

ANALYTICS

Analytics


Analytics cookies help us improve our website by collecting and reporting
information on how you use it. These cookies collect information in a way that
does not directly identify you. 

Cookies Details‎
Back Button Back



Vendor Search
Filter Button
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

 * View Third Party Cookies
    * Name
      cookie name


Clear
checkbox label label
Apply Cancel
Confirm My Choices
Reject All Accept All


By clicking “Accept All”, you agree to the storing of cookies on your browser or
device to enhance site navigation, analyse site usage, and deliver content and
offers tailored to your interests. Rejecting any or all cookies could negatively
affect your experiences with our digital properties.

Reject All Accept All
Cookies Settings