www.trivago.ca Open in urlscan Pro
2a02:26f0:6c00:299::a8d  Public Scan

Submitted URL: http://click.email.trivago.com/?qs=dd0057fa0aceda398d2d4fd67e74b8da5d7de4352fbe615187deda5b83fda55228535edd7f1c47de474b4c5d720a...
Effective URL: https://www.trivago.ca/en-CA/srl?__wr=11&tc=100&search=100-17352772;dr-20220729-20220731&cip=2070105010101&cipc=dea&prc...
Submission: On July 26 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

/en-CA/osr

<form action="/en-CA/osr" itemprop="potentialAction" itemtype="http://schema.org/SearchAction" itemscope="" data-testid="search-form" class="flex max-w-screen-2xl m-auto relative pb-3">
  <meta itemprop="target" content="www.trivago.ca/en-CA/osr/?query={query}">
  <div class="SearchFormFlyout_autoCompleteCompact__WRbot">
    <div class="relative Tooltip_wrapper__ameta">
      <div aria-describedby="seach-form-tooltip" class="leading-none">
        <div class="flex-grow">
          <div role="combobox" aria-haspopup="listbox" aria-owns="react-autowhatever-1" aria-expanded="false">
            <div class="relative h-11 flex items-stretch overflow-hidden 2xl:rounded-sm border border-grey-500">
              <div class="absolute left-0 h-full p-1 text-grey-700 w-9"><span class="inline-flex leading-none items-center justify-center h-full w-full transform"><svg width="24" height="24" viewBox="0 0 24 24"
                    class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                      <path d="M10 3a7 7 0 107 7 7 7 0 00-7-7zM21 21l-6-6" vector-effect="non-scaling-stroke"></path>
                    </g>
                  </svg></span></div><input type="search" autocomplete="off" aria-autocomplete="list" aria-controls="react-autowhatever-1" class="w-full pr-2 truncate bg-white pl-9" itemprop="query-input" name="query" id="input-auto-complete"
                value="Hi Jasper" placeholder="Enter a hotel name or destination" data-testid="search-form-destination" autocapitalize="off" autocorrect="off"><button type="button" data-testid="search-input-clear-button"
                class="absolute right-1 top-1 bottom-1 w-9 flex justify-center items-center text-black bg-white text-grey-700 rounded-sm hover:text-grey-700 hover:bg-grey-200" aria-label="Clear search input"><span
                  class="inline-flex leading-none Icon_sIcon__5F7YL transform"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                      <path vector-effect="non-scaling-stroke" d="M7 7l10 10M17 7L7 17"></path>
                    </g>
                  </svg></span></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <fieldset class="flex-grow mb-1 mr-2">
    <div class="flex">
      <div class="relative w-full border-r-0"><button type="button" class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-l-sm flex items-center border-r-0 h-11"
          data-testid="calendar-checkin"><span class="flex items-center"><span class="inline-flex leading-none transform mr-2"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full"
                xmlns="http://www.w3.org/2000/svg">
                <g fill="currentColor">
                  <path d="M19 5h-1a1 1 0 00-2 0H8a1 1 0 00-2 0H5a2 2 0 00-2 2v11a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm1 13a1 1 0 01-1 1H5a1 1 0 01-1-1V9h16zm0-10H4V7a1 1 0 011-1h14a1 1 0 011 1z"></path>
                  <circle cx="7.5" cy="12.5" r="1.5"></circle>
                  <path d="M19 5h-1a1 1 0 00-2 0H8a1 1 0 00-2 0H5a2 2 0 00-2 2v11a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm1 13a1 1 0 01-1 1H5a1 1 0 01-1-1V9h16zm0-10H4V7a1 1 0 011-1h14a1 1 0 011 1z"></path>
                  <circle cx="7.5" cy="12.5" r="1.5"></circle>
                </g>
              </svg></span>
            <div><span class="flex flex-col text-s text-grey-900"><span data-testid="checkin-calendar-label" class="truncate">Check in</span><span data-testid="checkin-calendar-subline" class="font-bold truncate">Fri, 07/29/22</span></span></div>
          </span></button>
        <div><button type="button" data-testid="calendar-chevron-prev-checkin" aria-label="previous" class="absolute top-0 h-full z-5 CalendarChevrons_arrowPrev__PnSby"><span class="inline-flex leading-none scale-x-flip transform align-middle"><svg
                width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                  <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                </g>
              </svg></span></button><button type="button" data-testid="calendar-chevron-next-checkin" aria-label="next" class="absolute right-0 top-0 h-full z-5 CalendarChevrons_arrowNext__lwskU"><span
              class="inline-flex leading-none transform align-middle"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                  <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                </g>
              </svg></span></button></div>
      </div>
      <div class="relative w-full relative border-l-0"><span aria-hidden="true" class="absolute top-1/2 left-0 transform -translate-y-1/2 w-px h-7 bg-grey-500"></span><button type="button"
          class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-r-sm border-l-0 opacity-50 h-11" data-testid="calendar-checkout"><span class="flex">
            <div><span class="flex flex-col text-s text-grey-900"><span data-testid="checkout-calendar-label" class="truncate">Check out</span><span data-testid="checkout-calendar-subline" class="font-bold truncate">Sun, 07/31/22</span></span></div>
          </span></button>
        <div><button type="button" data-testid="calendar-chevron-prev-checkout" aria-label="previous" class="absolute top-0 h-full z-5 CalendarChevrons_arrowPrev__PnSby"><span class="inline-flex leading-none scale-x-flip transform align-middle"><svg
                width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                  <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                </g>
              </svg></span></button><button type="button" data-testid="calendar-chevron-next-checkout" aria-label="next" class="absolute right-0 top-0 h-full z-5 CalendarChevrons_arrowNext__lwskU"><span
              class="inline-flex leading-none transform align-middle"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                  <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                </g>
              </svg></span></button></div>
      </div>
    </div>
  </fieldset>
  <div class="SearchFormFlyout_roomSelector__b6ynD"><button type="button" class="block px-2 bg-white text-left disabled:opacity-50 disabled:cursor-default border border-grey-500 w-full 2xl:rounded-sm opacity-50 h-11" data-testid="guest-selector"
      aria-label="Room"><span class="flex items-center"><span class="inline-flex leading-none transform mr-2"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
            <g fill="currentColor">
              <path
                d="M13.13 12.14a4.5 4.5 0 10-7.26 0A5 5 0 002 17a3 3 0 003 3h9a3 3 0 003-3 5 5 0 00-3.87-4.86zM9.5 6a3.49 3.49 0 012.44 6A3.5 3.5 0 016 9.5 3.5 3.5 0 019.5 6zM14 19H5a2 2 0 01-2-2 4 4 0 013.74-4 4.41 4.41 0 005.52 0A4 4 0 0116 17a2 2 0 01-2 2z">
              </path>
              <path
                d="M19.31 10.24A3.93 3.93 0 0020 8a4 4 0 00-6.94-2.69 5.87 5.87 0 01.7.71A3 3 0 1116 11a2.91 2.91 0 01-1.15-.23v.11a4.5 4.5 0 01-.28.83A4 4 0 0016 12a3.94 3.94 0 002.55-.94A3 3 0 0121 14a1 1 0 01-1 1h-2.35a6.67 6.67 0 01.26 1H20a2 2 0 002-2 4 4 0 00-2.69-3.76z">
              </path>
            </g>
          </svg></span><span class="flex flex-col text-s text-grey-900"><span data-testid="undefined-label" class="truncate">1 Room</span><span data-testid="undefined-subline" class="font-bold truncate">2 Guests</span></span></span></button></div>
  <div class="SearchFormFlyout_searchButtonWrapperSingleLine__EnPdo ml-2"><button type="submit" class="rounded leading-none font-bold disabled:cursor-not-allowed text-white bg-blue-800 border-b border-blue-800
        hover:bg-blue-900
        focus:bg-blue-900 focus:outline-white
        active:bg-blue-900
        disabled:bg-blue-200 disabled:border-blue-200 Button_spacerBorder__V2E2H h-11 text-l px-3 2xl:rounded-sm SearchFormFlyout_singleLineButtonCompact__xBTem" data-testid="search-button" aria-label="Search"><span
        class="flex items-center justify-center"><span class="w-full text-center font-bold">Search</span></span></button></div>
  <div>
    <div role="region" class="z-20 absolute top-0 pt-1 Flyout_flyout__x1yBW transition-transform duration-200 w-full max-w-full" style="will-change: transform; position: absolute; top: 0px; left: 0px; transform: translate(0px, 44px);">
      <div class="relative bg-white shadow-popover rounded 2xl:rounded-sm right-1">
        <div class="transform absolute top-0 transition-transform duration-200 Flyout_arrow__8Xs1F" style="--tw-translate-x:calc(var(--text-direction, 1) * (434.5px - 1rem / 2));"></div>
        <div data-testid="calendar-popover">
          <div class="grid w-full DatePickerQuickLinks_container__UPJER">
            <div class="flex items-center justify-between col-span-2 py-2  col-start-2 pr-14">
              <h3 class="text-heading-s">Select your check-in date</h3><button type="button" class="flex" data-testid="calendar-button-close"><span class="sr-only">Close</span><span
                  class="inline-flex leading-none Icon_xsIcon__3GJOL transform text-grey-700"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                      <path vector-effect="non-scaling-stroke" d="M7 7l10 10M17 7L7 17"></path>
                    </g>
                  </svg></span></button>
            </div>
            <div class="bg-grey-100 py-5 px-8 border-t border-grey-200 rounded-bl-sm">
              <h4 class="text-heading-xs font-bold mb-4" id="quick-links5">Quick date selection</h4>
              <ul>
                <li class="mb-3 text-m leading-normal">
                  <div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
    flex align-center items-center justify-center
    border border-grey-500
    rounded-full mr-2" type="radio" id="base-radiobutton-6" name="quick-links" data-testid="quick-links-index-tonight" tabindex="3" value="tonight"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-6">Tonight</label>
                  </div>
                </li>
                <li class="mb-3 text-m leading-normal">
                  <div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
    flex align-center items-center justify-center
    border border-grey-500
    rounded-full mr-2" type="radio" id="base-radiobutton-7" name="quick-links" data-testid="quick-links-index-tomorrowNight" tabindex="3" value="tomorrowNight"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-7">Tomorrow
                      night</label></div>
                </li>
                <li class="mb-3 text-m leading-normal">
                  <div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
    flex align-center items-center justify-center
    border border-grey-500
    rounded-full mr-2" type="radio" id="base-radiobutton-8" name="quick-links" data-testid="quick-links-index-nextWeekend" tabindex="3" value="nextWeekend"><label class="flex-grow flex-wrap text-grey-900 text-m" for="base-radiobutton-8"><span
                        class="block">Next weekend</span><span class="block text-s text-grey-700">08/05/22 - 08/07/22</span></label></div>
                </li>
                <li class="mb-3 text-m leading-normal">
                  <div class="flex items-center flex-row"><input class="RadioButton_radioButton__UsDBL appearance-none relative
    flex align-center items-center justify-center
    border border-grey-500
    rounded-full mr-2" type="radio" id="base-radiobutton-9" name="quick-links" data-testid="quick-links-index-custom" tabindex="3" value="custom" checked=""><label class="flex-grow flex-wrap text-grey-900 text-m"
                      for="base-radiobutton-9">Custom</label></div>
                </li>
              </ul>
            </div>
            <div class="col-span-2 border-t px-14 py-3 border-grey-200">
              <div class="DatePicker_calendarMonth__QzjFe">
                <div class="relative select-none text-grey-900"><button type="button" data-testid="calendar-button-prev" disabled="" class="absolute top-0 left-0 pr-2 pt-1/2 cursor-default pointer-events-none hidden" aria-label="previous"
                    tabindex="2"><span class="inline-flex leading-none scale-x-flip transform"><svg width="24" height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                        <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                          <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                        </g>
                      </svg></span></button><button type="button" data-testid="calendar-button-next" class="absolute top-0 right-0 pl-2 pt-1/2" aria-label="next" tabindex="2"><span class="inline-flex leading-none transform"><svg width="24"
                        height="24" viewBox="0 0 24 24" class="pointer-events-none max-h-full max-w-full" xmlns="http://www.w3.org/2000/svg">
                        <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
                          <path vector-effect="non-scaling-stroke" d="M10 17l5-5M10 7l5 5"></path>
                        </g>
                      </svg></span></button>
                  <div class="grid grid-cols-2 gap-10">
                    <div class="text-center"><button type="button" tabindex="-1" class="cursor-auto font-bold">July 2022</button>
                      <table class="w-auto leading-none">
                        <thead>
                          <tr class="text-center text-s uppercase">
                            <th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-0">Sun</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-1">Mon</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-2">Tue</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-3">Wed</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-4">Thu</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-5">Fri</th>
                            <th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-6">Sat</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td class="p-0"><time datetime="2022-06-26"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
                                  disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
                            <td class="p-0"><time datetime="2022-06-27"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
                                  disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
                            <td class="p-0"><time datetime="2022-06-28"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
                                  disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
                            <td class="p-0"><time datetime="2022-06-29"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
                                  disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">29</span></button></time></td>
                            <td class="p-0"><time datetime="2022-06-30"><button type="button" data-testid="hidden-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor invisible pointer-events-none"
                                  disabled="" tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">30</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-01"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-02"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-03"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-04"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-05"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-06"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-07"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">7</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-08"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">8</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-09"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">9</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-10"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">10</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-11"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">11</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-12"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">12</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-13"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">13</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-14"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">14</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-15"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">15</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-16"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">16</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-17"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">17</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-18"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">18</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-19"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">19</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-20"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">20</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-21"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">21</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-22"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">22</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-23"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">23</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-24"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">24</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-25"><button type="button" data-testid="invalid-calendar-day" class="block relative group text-center text-m w-10 h-9 rounded-xs text-grey-300 cursor" disabled="" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">25</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-26"><button type="button" data-testid="valid-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs font-bold" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-27"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-28"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-29"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
                                  tabindex="1"><span id="calendar-checkin-date" data-testid="calendar-selected-checkin-date"
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-l-xs"><span
                                      class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 -translate-x-1/2 left-0"></span>29</span></button></time></td>
                            <td class="p-0"><time datetime="2022-07-30"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid">30</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-31"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold"
                                  tabindex="-1"><span data-testid="calendar-selected-checkout-date" class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-r-xs"><span
                                      class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 translate-x-1/2 right-0"></span>31</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-01"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-02"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-03"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-04"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-05"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-06"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="text-center"><button type="button" tabindex="-1" class="cursor-auto font-bold">August 2022</button>
                      <table class="w-auto leading-none">
                        <thead>
                          <tr class="text-center text-s uppercase">
                            <th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-0">Sun</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-1">Mon</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-2">Tue</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-3">Wed</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-4">Thu</th>
                            <th class="min-w-10 font-normal h-10" scope="col" id="wn-5">Fri</th>
                            <th class="min-w-10 font-normal font-bold h-10" scope="col" id="wn-6">Sat</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td class="p-0"><time datetime="2022-07-31"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white font-bold invisible pointer-events-none" tabindex="-1"><span data-testid="calendar-selected-checkout-date"
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-grey-900 border border-solid rounded-r-xs"><span
                                      class="absolute w-2 h-2 bg-grey-900 transform rotate-45 -translate-y-1/2 top-1/2 translate-x-1/2 right-0"></span>31</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-01"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-02"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-03"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-04"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">4</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-05"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">5</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-06"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">6</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-08-07"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">7</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-08"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">8</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-09"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">9</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-10"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">10</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-11"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">11</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-12"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">12</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-13"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">13</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-08-14"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">14</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-15"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">15</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-16"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">16</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-17"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">17</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-18"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">18</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-19"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">19</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-20"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">20</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-08-21"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">21</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-22"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">22</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-23"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">23</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-24"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">24</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-25"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">25</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-26"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">26</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-27"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">27</span></button></time></td>
                          </tr>
                          <tr>
                            <td class="p-0"><time datetime="2022-08-28"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">28</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-29"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">29</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-30"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">30</span></button></time></td>
                            <td class="p-0"><time datetime="2022-08-31"><button type="button" data-testid="valid-calendar-day" class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs"
                                  tabindex="-1"><span class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">31</span></button></time></td>
                            <td class="p-0"><time datetime="2022-09-01"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">1</span></button></time></td>
                            <td class="p-0"><time datetime="2022-09-02"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">2</span></button></time></td>
                            <td class="p-0"><time datetime="2022-09-03"><button type="button" data-testid="hidden-calendar-day"
                                  class="block relative group text-center text-m w-10 h-9 cursor-pointer hover:bg-grey-700 hover:text-white rounded-xs invisible pointer-events-none" tabindex="-1"><span
                                    class="absolute inset-0 flex justify-center items-center overflow-hidden -mt-px -ml-px border-transparent">3</span></button></time></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<form novalidate="" class="flex flex-col xl:flex-row border-b border-transparent xl:border-grey-700 xl:pb-8">
  <p class="text-m mb-2 text-white pr-1 xl:w-1/2">Want to receive exclusive hotel offers? Subscribe to our newsletter!</p>
  <div class="flex flex-wrap xl:flex-nowrap xl:w-1/2">
    <div class="mb-4 relative w-full"><label data-testid="newsletter-registration-input-label" for="newsletter-registration-input" class="inline max-w-full mb-1 text-m font-bold sr-only">Email address</label><input
        data-testid="newsletter-registration-input" id="newsletter-registration-input" type="email" name="email" class="h-11 w-full pl-3 pr-3 border border-solid rounded text-grey-900 text-l 2xl:rounded-sm border-grey-500 block w-full"
        placeholder="Email address" aria-invalid="false" value=""></div><button type="submit"
      class="flex-none h-11 w-full mb-4 px-3 font-bold bg-grey-700 rounded xl:mb-0 xl:ml-2 xl:w-auto 2xl:rounded-sm hover:bg-grey-500 disabled:bg-grey-300 disabled:border-grey-300 disabled:cursor-not-allowed"
      data-testid="newsletter-subscribe-button">Subscribe</button>
  </div>
</form>

Text Content

NAVIGATION

 * Stays
 * Cars
 * Flights
 * Packages

 * 
 * Log in
 * Menu
 * CAD
   Choose your currency:
 * EN

Check inFri, 07/29/22

Check outSun, 07/31/22

1 Room2 Guests
Search


SELECT YOUR CHECK-IN DATE

Close

QUICK DATE SELECTION

 * Tonight
 * Tomorrow night
 * Next weekend08/05/22 - 08/07/22
 * Custom

July 2022

SunMonTueWedThuFriSat262728293012345678910111213141516171819202122232425262728293031123456

August 2022

SunMonTueWedThuFriSat3112345678910111213141516171819202122232425262728293031123


Price / night$0 - $700+

Property type
 * All
 * Hotel
 * House / Apartment

Guest ratingAll
LocationHi Jasper
More filtersSelect

Sort byOur recommendationsRating & RecommendedPrice & RecommendedDistance &
RecommendedRating onlyPrice onlyDistance only



View map



ENTIRE HOUSE / APARTMENT HI JASPER (JASPER, CANADA)

 1. 1 / 30
    
    
    HI JASPER
    
    Entire House / Apartment
    Jasper, 0.3 km to City centre8.4Very good (197 reviews)
    
    
    SELECT DATES TO SEE AVAILABLE DEALS
    
    Select dates
 2. These stays match some of your criteria.
 3. 1 / 30
    
    
    FAIRMONT JASPER PARK LODGE
    
    Hotel
    Jasper, 2.4 km to Hi Jasper
    8.2Very good (1648 reviews)
    Fairmont
    
    Free cancellation
    
    2 nights for C$10,598
    
    C$5,299
    
    View Deal
    Our lowest price:C$5,299Fairmont


0
1
2
0
1
2
0
1
2

Want to receive exclusive hotel offers? Subscribe to our newsletter!

Email address
Subscribe
Arab World (العالم العربي)ArgentinaAustraliaAustria (Österreich)Belgium
(België)Brazil (Brasil)Bulgaria (България)CanadaChileColombiaCroatia
(Hrvatska)Czechia (Česko)Denmark (Danmark)EcuadorFinland (Suomi)FranceGermany
(Deutschland)Greece (Ελλάδα)Hong Kong (香港)Hungary
(Magyarország)IndiaIndonesiaIrelandIsrael (ישראל)Italy (Italia)Japan (日本)Korea
(한국)MalaysiaMexico (México)Netherlands (Nederland)New ZealandNorway (Norge)Peru
(Perú)Philippines (Pilipinas)Poland (Polska)PortugalRomania (România)Serbia
(Srbija)SingaporeSlovakia (Slovensko)Slovenia (Slovenija)South AfricaSpain
(España)Sweden (Sverige)Switzerland (Schweiz)Taiwan (台灣)Thailand
(ประเทศไทย)Turkey (Türkiye)UAEUnited KingdomUruguayUSAVietnam (Việt Nam)

trivago N.V., Kesselstraße 5 – 7, 40221 Düsseldorf, Germany

 * Facebook
 * Twitter
 * Instagram
 * Youtube
 * Linkedin

 * Company
 * Jobs
 * Press
 * Investor relations

 * Mobile apps - searching on the go
 * trivago Business Studio

 * Help
 * Learn how trivago works
 * Terms and conditions
 * Legal information
 * Do Not Sell My Personal Information
 * Privacy notice
 * Cyber Security
 * Coronavirus (COVID-19) travel advice

Copyright 2022 trivago | All rights reserved.

You are now online

You successfully changed your currency









PRIVACY PREFERENCE CENTER

Cookies are used on trivago by us and our trusted partners to enhance your
experience in a lot of ways. For example: data is collected, stored, shared, and
tracked using cookies to remember recent activity, like your last search, or to
personalize which ads you see so that our site is easier to use. We never use
cookies to change what prices are shown on trivago.
More information
Allow All


MANAGE COOKIE PREFERENCES

ESSENTIAL COOKIES

Always Active
Essential Cookies

These cookies are necessary. They’re the basic cookies that enable our site to
work properly so that you can use the most important functions and navigate the
site smoothly.

FUNCTIONAL COOKIES

Always Active
Functional Cookies

These cookies make enhanced functionality and personalization possible. That
means that if they’re deactivated, our services may not work properly. They can
be set by us or third-party providers.

PERFORMANCE COOKIES

Always Active
Performance Cookies

These cookies allow us to measure and improve the performance of our site.  If
you deactivate these cookies we won’t be able to optimize our site for you.

MARKETING COOKIES

Marketing Cookies

These cookies enable personalization by tracking things like what you view,
browse, and search for on our site. This and other data that we have, converted
so that it can’t be used to directly identify you (pseudomized), may be shared
with third-party partners who may use it to tailor ads to your profile.
Deactivating these cookies won’t turn off ads— they’ll simply not be
personalized to your interests.

Confirm My Choices

Back Button

Back


PERFORMANCE COOKIES



Vendor Search Search Icon Filter Icon


Clear Filters

Information storage and access
Apply
Consent Leg.Interest

All Consent Allowed

Select All Vendors
Select All Vendors
All Consent Allowed

Confirm My Choices


Let’s talk cookies! We and our trusted third-party partners use cookies and
other data and tech to analyze, enhance, and personalize your experience on and
off trivago. Click “OK” to consent and continue enjoying trivago. Manage your
data in your cookie settings. More info.

Settings OK