www.ihg.com
Open in
urlscan Pro
2a02:26f0:6c00::210:baa8
Public Scan
Submitted URL: https://www.ihg.com/hotelindigo/hotels/us/en/find-hotels/hotel/rooms?qDest=280+Friend+Street%2C+Boston%2C+MA%2C+US&q...
Effective URL: https://www.ihg.com/hotelindigo/hotels/us/en/find-hotels/hotel/rooms?qDest=280+Friend+Street%2C+Boston%2C+MA%2C+US&q...
Submission: On March 24 via api from US — Scanned from DE
Effective URL: https://www.ihg.com/hotelindigo/hotels/us/en/find-hotels/hotel/rooms?qDest=280+Friend+Street%2C+Boston%2C+MA%2C+US&q...
Submission: On March 24 via api from US — Scanned from DE
Form analysis 3 forms found in the DOM
POST
<form id="uhfLocaleSelectionForm" method="post" action="" class="ng-pristine ng-valid">
<div id="uhfCountrySelectionContainer">
<label for="uhfCountrySelection">Country / Region</label>
<select id="uhfCountrySelection">
<option value="US" selected="selected">United States</option>
<option value="GB">United Kingdom</option>
<option value="">----------------------------</option>
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia, Plurinational State of</option>
<option value="BQ">Bonaire Saint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BV">Bouvet Island</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="CV">Cape Verde</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">Mainland China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CG">Congo</option>
<option value="CD">Congo, Democratic Republic of the</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Ivory Coast</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="HM">Heard Island and McDonald Islands</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran, Islamic Republic of</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati, Republic of</option>
<option value="KP">Korea, Democratic People's Republic of</option>
<option value="KR">Korea, Republic of</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgystan</option>
<option value="LA">Laos, People's Democratic Republic of</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MK">Macedonia, Republic of</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="FM">Micronesia, Federated States of</option>
<option value="MD">Moldova, Republic of</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="MP">Northern Mariana Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PS">Palestinian National Authority</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="RE">Reunion</option>
<option value="RO">Romania</option>
<option value="RU">Russian Federation</option>
<option value="RW">Rwanda</option>
<option value="BL">Saint Barthelemy</option>
<option value="SH">Saint Helena</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin (French)</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa, Independent State of</option>
<option value="SM">San Marino</option>
<option value="ST">Saint Thomas and Prince Islands</option>
<option value="SA">Saudi Arabia</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten (Dutch)</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania, United Republic of</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste, Democratic Republic of</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VA">Vatican City State</option>
<option value="VE">Venezuela, Bolivarian Republic of</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands, British</option>
<option value="VI">Virgin Islands, U.S.</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
</div>
<div id="uhfLanguagesSelectionContainer">
<label for="uhfLanguageSelection">language</label>
<select id="uhfLanguageSelection">
<option value="us_EN" selected="selected">English</option>
<option value="us_ES">Spanish / Español</option>
</select>
</div>
<a href="javascript:void(0);" id="uhfCountryLanguageCTA">
<button type="button" class="buttonSave">save</button>
<i class="fa fa-times"></i>
</a>
</form><form novalidate="" ng-submit="resModule.pressSubmitButton()" class="ng-pristine ng-valid ng-valid-maxlength ng-valid-date-disabled" style=""> <!-- ngIf: resModule.messages.length > 0 -->
<div class="container-fluid resModuleForm-continuityMessage ng-scope" ng-if="resModule.messages.length > 0">
<div class="row"> <!-- ngRepeat: message in resModule.messages -->
<div class="col-xs-12 col-sm-10 col-md-12 col-sm-push-1 col-md-push-0 ng-scope" ng-repeat="message in resModule.messages"> <span class="hThree continuity-message ng-binding" ng-bind="message" data-slnm-ihg="formMessageSID">It’s time for Spring
Break</span> </div><!-- end ngRepeat: message in resModule.messages -->
</div>
</div><!-- end ngIf: resModule.messages.length > 0 -->
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-10 col-md-12 col-sm-push-1 col-md-push-0"> <!-- ngIf: resModule.mode !== 'rates' -->
<div class="row ng-scope" ng-if="resModule.mode !== 'rates'"> <!-- ngIf: resModule.isPal && !resModule.roomsMode -->
<div ng-show="!resModule.isPal && !resModule.roomsMode" class="col-xs-12 col-sm-12 col-md-6 col-lg-5 ng-hide">
<div>
<div class="row">
<div class="col-xs-12 colPadding">
<div class="resModuleForm-destinationContainer"> <label for="resModuleForm-destination" class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleDestinationLabel"
ng-bind="::resModule.destinationMsg">Destination</label>
<div class="pTwo resModuleForm-destination" data-slnm-ihg="expandedResModuleDestinationSection"> <input id="resModuleForm-destination" class="destination-input ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-maxlength"
ng-model="resModule.updatedDest" ng-model-options="{debounce: resModule.predictiveSearch.searchDelay}" ng-change="resModule.predictiveDestinationUpdate(); resModule.showRecentSearches();"
ng-keydown="resModule.keyPressed($event)" type="text" maxlength="75" autocomplete="off" placeholder="City, Airport, Attraction or Address" title="Enter City, Address, Zip Code, Airport or Point of Interest"
data-slnm-ihg="expandedResModuleDestinationField" ng-click="resModule.showRecentSearches($event)"> <!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/icon_nearMe.svg' -->
<div class="resModuleIcon-Pin ng-scope" ng-include="'/cdn/vendor/ihgimages/v1.0.0/icon_nearMe.svg'" ng-click="resModule.getMyLocation()" data-slnm-ihg="expandedResModuleNearToMeButton" style="">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve" class="ng-scope">
<g>
<g>
<path d="M160,305.9C160,305.9,160,305.9,160,305.9c-4.3,0-8.2-1.9-10.8-5.3L62.6,194.5l-0.2-0.3c-2.9-4.3-5.6-8.9-7.9-13.6l0-0.1
c-13.3-28.2-14.8-59.8-4.3-89.2c10.5-29.3,31.8-52.8,60-66.1c15.7-7.4,32.4-11.1,49.6-11.1c45,0,86.5,26.3,105.7,66.9
c14.7,31.2,14.9,67,0.5,98.3l-0.6,1.4c-2.4,5-5.2,9.8-8.2,14.4c-0.2,0.2-0.3,0.5-0.5,0.7l-0.2,0.2l-85.7,104.6
C168.2,304,164.3,305.9,160,305.9z M76.6,184.1l83.5,102.3l82.8-101.1c2.5-3.8,4.9-7.9,6.9-12l0.5-1.2
c12.2-26.7,12.1-57.2-0.4-83.7c-16.3-34.6-51.6-56.9-90-56.9c-14.6,0-28.8,3.2-42.2,9.5c-24,11.3-42.1,31.3-51.1,56.2
c-9,24.9-7.7,51.9,3.6,75.9C72,176.8,74.2,180.5,76.6,184.1z"></path>
</g>
<g>
<path d="M160,180.1c-30.4,0-55.1-24.7-55.1-55.1c0-30.4,24.7-55.1,55.1-55.1h0c30.3,0,55,24.7,55.1,55.1
C215.1,155.4,190.4,180.1,160,180.1z M160,87.3c-20.8,0-37.7,16.9-37.7,37.7c0,20.8,16.9,37.7,37.7,37.7
c20.8,0,37.7-16.9,37.7-37.8C197.7,104.2,180.8,87.3,160,87.3z"></path>
</g>
</g>
</svg>
</div>
</div>
<div uib-dropdown="" uib-keyboard-nav="" is-open="resModule.predictiveOpen" data-slnm-ihg="predictiveSearchContainer" class="dropdown">
<div class="uib-dropdown-menu predictive dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav"> <!-- ngRepeat: destination in resModule.brandDestinationList --> <!-- ngIf: resModule.brandDestinationList.length -->
<!-- ngRepeat: destination in resModule.predictiveDestinations --> </div>
</div>
<div uib-dropdown="" uib-keyboard-nav="" is-open="resModule.recentSearchOpen" data-slnm-ihg="recentSearchContainer" class="dropdown">
<div uib-dropdown-menu="" uib-keyboard-nav="" class="uib-dropdown-menu recentSearch predictive dropdown-menu" role="menu"> <!-- ngRepeat: search in resModule.recentSearches --> </div>
</div>
</div>
<p class="pSix inputInfo ng-binding" ng-bind="::resModule.cityAddressZipCode">Enter City, Address, Zip Code, Airport or Point of Interest</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 colPadding"> <label for="resModuleForm-dateInput-checkIn" class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleCheckInLabel"
ng-bind="::resModule.checkIn">Check-In</label>
<div id="resModDateInputContainer-checkIn" class="resModDateInputContainer" ng-click="resModule.selectCheckIn()">
<div id="resModuleForm-dateInput-checkIn" readonly="true" class="pTwo resModuleForm-dateInput" ng-class="{'inputHighlight': (resModule.calendarIsExpanded && resModule.checkinInFocus)}" title="Check In (e.g. MM-DD-YYYY)"
data-slnm-ihg="expandedResModuleCheckInField"> <span ng-bind="resModule.updatedCheckInDate | dateFormat:true" data-slnm-ihg="expandedResModuleCheckInDate" class="ng-binding">03/23/2022</span>
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/rbf-calendar.svg' -->
<div class="resModuleIcon-Calendar ng-scope" ng-include="'/cdn/vendor/ihgimages/v1.0.0/rbf-calendar.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve" class="ng-scope">
<path d="M279.6,49h-72.9V27.8c0-3.3-2.7-6-6-6s-6,2.7-6,6V49h-58.1V27.8c0-3.3-2.7-6-6-6s-6,2.7-6,6V49H51.8c-3.3,0-6,2.7-6,6v240.6
c0,3.3,2.7,6,6,6h227.8c3.3,0,6-2.7,6-6V55C285.6,51.7,282.9,49,279.6,49z M124.7,234.1v-45.5h81.9v45.5H124.7z M206.6,246.1v43.6
h-81.9v-43.6H206.6z M273.6,131.1v45.5h-55v-45.5H273.6z M206.6,176.6h-81.9v-45.5h81.9V176.6z M112.7,176.6h-55v-45.5h55V176.6z
M57.8,188.6h55v45.5h-55V188.6z M218.6,188.6h55v45.5h-55V188.6z M124.6,61v28.4c0,3.3,2.7,6,6,6s6-2.7,6-6V61h58.1v28.4
c0,3.3,2.7,6,6,6s6-2.7,6-6V61h66.9v58H57.8V61H124.6z M57.8,246.1h55v43.6h-55V246.1z M218.6,289.6v-43.6h55v43.6H218.6z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 colPadding">
<div class=""> <label for="resModuleForm-dateInput-checkOut" class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleCheckOutLabel" ng-bind="::resModule.checkOut">Check-Out</label>
<div class="resModDateInputContainer" ng-click="resModule.selectCheckOut()" id="resModDateInputContainer-checkOut">
<div id="resModuleForm-dateInput-checkOut" class="pTwo resModuleForm-dateInput" ng-class="{'inputHighlight': (resModule.calendarIsExpanded && !resModule.checkinInFocus)}" title="Check Out (e.g. MM-DD-YYYY)"
data-slnm-ihg="expandedResModuleCheckOutField"> <span ng-bind="resModule.updatedCheckOutDate | dateFormat:true" data-slnm-ihg="expandedResModuleCheckOutDate" class="ng-binding">03/24/2022</span>
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/rbf-calendar.svg' -->
<div class="resModuleIcon-Calendar ng-scope" ng-include="'/cdn/vendor/ihgimages/v1.0.0/rbf-calendar.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve" class="ng-scope">
<path d="M279.6,49h-72.9V27.8c0-3.3-2.7-6-6-6s-6,2.7-6,6V49h-58.1V27.8c0-3.3-2.7-6-6-6s-6,2.7-6,6V49H51.8c-3.3,0-6,2.7-6,6v240.6
c0,3.3,2.7,6,6,6h227.8c3.3,0,6-2.7,6-6V55C285.6,51.7,282.9,49,279.6,49z M124.7,234.1v-45.5h81.9v45.5H124.7z M206.6,246.1v43.6
h-81.9v-43.6H206.6z M273.6,131.1v45.5h-55v-45.5H273.6z M206.6,176.6h-81.9v-45.5h81.9V176.6z M112.7,176.6h-55v-45.5h55V176.6z
M57.8,188.6h55v45.5h-55V188.6z M218.6,188.6h55v45.5h-55V188.6z M124.6,61v28.4c0,3.3,2.7,6,6,6s6-2.7,6-6V61h58.1v28.4
c0,3.3,2.7,6,6,6s6-2.7,6-6V61h66.9v58H57.8V61H124.6z M57.8,246.1h55v43.6h-55V246.1z M218.6,289.6v-43.6h55v43.6H218.6z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="datepickerContainer editCOD" ng-class="{'editCID': resModule.checkinInFocus, 'editCOD': !resModule.checkinInFocus, 'datepickerOpen': (resModule.calendarIsExpanded)}">
<div class="datepickerOuter collapse datepickerOuter--roomsMode" ng-class="resModule.roomsMode ? 'datepickerOuter--roomsMode': 'datepickerOuter--hotelsMode'" uib-collapse="!resModule.calendarIsExpanded" style="height: 0px;">
<div class="datepickerInner">
<div class="arrowContainer arrowContainer--roomsMode" ng-class="resModule.roomsMode ? 'arrowContainer--roomsMode': 'arrowContainer--hotelsMode'"> <span class="dpArrow"></span> </div>
<div id="datePicker" class="resModuleDatePicker ng-scope" ng-controller="DatePickerModuleCtrl as dateModule" click-outside="resModule.toggleShowCalendar(false)"
outside-if-not="resModDateInputContainer-checkIn, resModDateInputContainer-checkOut">
<div class="datepickerDirectionBase">
<div class="calendarCloseContainer">
<div class="calendarCloseButton" ng-click="resModule.toggleShowCalendar(false)"> <img ng-src="/cdn/vendor/ihgimages/v1.0.0/icon_close.svg" alt="close" class="calendarCloseIcon"
src="/cdn/vendor/ihgimages/v1.0.0/icon_close.svg"> </div>
</div>
<div class="datePicker">
<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" class="search-results-datepicker ihg-datepicker ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty ng-valid-date-disabled"
ng-model="dateModule.activeDate" ng-change="dateModule.selectedDatesChange()" min-date="dateModule.minDate" max-date="dateModule.maxDate" starting-day="dateModule.startingDay"
custom-class="dateModule.getCustomClass(date, mode)" date-disabled="dateModule.disabled(date, mode)" show-weeks="dateModule.dateOptions.showWeeks" multi-select="dateModule.selectedDates" edit-checkin="no" edit-checkout="no"
select-range="true" style="">
<!-- ngSwitchWhen: day -->
<div class="ihg-daypicker ihg-datepicker ng-scope" ng-switch-when="day" tabindex="0">
<div class="monthContainer">
<div class="singleMonth" data-slnm-ihg="calendarFirstMonth">
<div class="ihgcal-monthContainer">
<table role="grid" class="ihgcal-month" aria-labelledby="datepicker-53-3276-title" aria-activedescendant="datepicker-53-3276-24">
<thead>
<tr>
<th class="month-year-heading" colspan="7">
<div id="datepicker-53-3276-title" role="heading" aria-live="assertive" aria-atomic="true" class="ihgcal-monthTitle" data-month="3" date-year="2022" style="width:100%;" data-slnm-ihg="calendarMonthYear">
<button type="button" class="ihgcal-moveToPast ihgcal-moveButton" ng-click="move(-1)" tabindex="-1" data-slnm-ihg="calendarLeftToggle">
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-left.svg' --><span class="fa-update ihgcal-arrowIcon ng-scope" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-left.svg'"
style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1427 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"></path>
</svg></span>
</button>
<span class="ihgcal-monthTitleText ng-binding">March 2022</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr class="ihgcal-calendarRow">
<!-- ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle" style="">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Sunday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Su </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Monday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Mo </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Tuesday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Tu </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Wednesday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> We </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Thursday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Th </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Friday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Fr </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" data-slnm-ihg="calendarWeekDayTitle">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Saturday" class="ihgcal-dayHeadingText ng-binding" data-slnm-ihg="calendarWeekDay"> Sa </span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
</tr>
<!-- ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index" style="">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-0" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">27</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-1" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">28</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-2" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">01</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-3" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">02</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-4" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">03</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-5" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">04</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-6" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">05</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-7" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">06</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-8" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">07</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-9" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">08</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-10" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">09</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-11" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">10</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-12" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">11</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-13" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">12</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-14" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">13</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-15" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">14</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-16" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">15</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-17" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">16</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-18" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">17</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-19" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">18</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-20" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">19</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-21" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">20</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-22" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">21</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-23" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-unselectable"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1" disabled="disabled">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">22</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope yesterday" role="gridcell" id="datepicker-53-3276-24" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-primary ihgcal-btn-cid active"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding ihgcal-checkinDateArrow">23</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-25" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm dp-btn-primary ihgcal-btn-cod"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-info" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding ihgcal-checkoutDateArrow">24</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-26" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">25</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-27" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">26</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-28" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">27</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-29" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">28</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-30" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">29</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-31" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">30</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-32" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">31</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-33" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">01</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-34" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">02</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:0 track by $index">
<!-- calendar cell -->
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-35" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">03</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-36" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">04</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-37" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">05</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-38" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">06</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-39" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">07</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-40" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">08</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-41" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<!-- cell content -->
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<!-- cell structure -->
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">09</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:0 track by $index -->
</tbody>
</table>
</div>
</div>
<div class="singleMonth" data-slnm-ihg="calendarSecondMonth">
<div class="ihgcal-month">
<!-- second month -->
<table role="grid" class="ihgcal-month" aria-labelledby="datepicker-53-32761-title" aria-activedescendant="datepicker-53-3276-24">
<thead>
<tr>
<th class="month-year-heading" colspan="7">
<div id="datepicker-53-32761-titleTwo" role="heading" aria-live="assertive" aria-atomic="true" class="ihgcal-monthTitle" data-month="4" date-year="2022" style="width:100%;" data-slnm-ihg="calendarMonthYear">
<button type="button" class="ihgcal-moveToFuture ihgcal-moveButton" ng-click="move(1)" tabindex="-1" data-slnm-ihg="calendarRightToggle">
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-right.svg' --><span class="fa-update ihgcal-arrowIcon ng-scope"
ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-right.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z"></path>
</svg></span>
</button>
<span class="ihgcal-monthTitleText ng-binding">April 2022</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr class="ihgcal-calendarRow">
<!-- ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope" style="">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Sunday" class="ihgcal-dayHeadingText ng-binding">Su</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Monday" class="ihgcal-dayHeadingText ng-binding">Mo</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Tuesday" class="ihgcal-dayHeadingText ng-binding">Tu</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Wednesday" class="ihgcal-dayHeadingText ng-binding">We</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Thursday" class="ihgcal-dayHeadingText ng-binding">Th</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Friday" class="ihgcal-dayHeadingText ng-binding">Fr</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
<th ng-repeat="label in ::labels track by $index" class="ihgcal-calendarCell ng-scope">
<div class="ihgcal-cellOuter">
<div class="ihgcal-dayHeadingCellContent">
<span aria-label="Saturday" class="ihgcal-dayHeadingText ng-binding">Sa</span>
</div>
</div>
</th><!-- end ngRepeat: label in ::labels track by $index -->
</tr>
<!-- ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index" style="">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-42" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">27</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-43" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">28</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-44" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">29</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-45" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">30</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-46" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">31</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-47" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">01</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-48" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">02</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-49" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">03</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-50" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">04</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-51" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">05</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope" role="gridcell" id="datepicker-53-3276-52" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">06</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-53" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">07</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-54" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">08</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-55" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">09</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-56" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">10</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-57" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">11</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-58" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">12</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-59" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">13</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-60" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">14</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-61" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">15</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-62" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">16</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-63" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">17</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-64" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">18</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-65" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">19</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-66" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">20</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-67" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">21</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-68" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">22</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-69" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">23</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-70" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">24</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-71" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">25</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-72" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">26</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-73" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">27</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-74" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">28</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-75" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">29</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-76" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">30</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr class="ihgcal-calendarRow ng-scope" ng-repeat="row in rows | limitTo:6:6 track by $index">
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-77" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">01</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-78" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">02</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-79" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">03</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-80" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">04</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-81" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">05</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-82" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">06</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="ihgcal-calendarCell ng-scope tooFarInFuture" role="gridcell" id="datepicker-53-3276-83" ng-class="::dt.customClass" data-slnm-ihg="calendarDate">
<button type="button" style="min-width:100%;" class="dp-btn dp-btn-default dp-btn-sm ihgcal-btn-invisible"
ng-class="{' dp-btn-primary': dt.selected, ' dp-btn-unselectable': dt.disabled, 'ihgcal-btn-cid': dt.firstSelectedDate, 'ihgcal-btn-cod': dt.lastSelectedDate, active: isActive(dt), 'ihgcal-btn-invisible': dt.secondary}"
ng-click="select(dt.date)" ng-disabled="dt.disabled" data-slnm-ihg="calendarDayStatus" tabindex="-1">
<span class="ihgcal-dateCellContent text-muted" ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" data-slnm-ihg="calendarDay">
<div class="ihgcal-cellVerticalCenter">
<div ng-class="{'ihgcal-checkinDateArrow': dt.firstSelectedDate, 'ihgcal-checkoutDateArrow': dt.lastSelectedDate}" class="ng-binding">07</div>
</div>
</span>
</button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows | limitTo:6:6 track by $index -->
<tr>
<th class="controls" colspan="7"></th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!-- end ngSwitchWhen: -->
<!-- ngSwitchWhen: month -->
<!-- ngSwitchWhen: year -->
</div>
</div> <!-- ngIf: resModule.showCalendarMessage -->
<div ng-if="resModule.showCalendarMessage" class="calendar-message-container ng-scope"> <span class="calendar-message ng-binding" data-slnm-ihg="calendarMessageSID"
ng-bind-html="resModule[resModule.errorMessageKey] | paramMessage:resModule.messageParams.startDate:resModule.messageParams.endDate:resModule.messageParams.bookingWindow:resModule.messageParams.nights">To book this offer you
must: stay between <span class="notranslate branded-bold-message">Feb 10, 2022</span> - <span class="notranslate branded-bold-message">Dec 31, 2022</span>.</span> </div><!-- end ngIf: resModule.showCalendarMessage -->
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngIf: resModule.mode !== 'rates' -->
<div class="row"> <!-- ngIf: resModule.mode !== 'rates' -->
<div ng-if="resModule.mode !== 'rates'" class="col-xs-12 col-sm-12 ng-scope col-md-6" ng-class="!resModule.isPal ? (resModule.roomsMode ? 'col-md-6': 'col-md-6 col-lg-5'): 'col-md-12 col-lg-12'">
<div>
<div class="row">
<div class="col-xs-6 colPadding col-sm-4" ng-class="(resModule.isPal ? 'col-sm-3 col-md-2': 'col-sm-4')"> <label class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleAdultsLabel"
ng-bind="::resModule.adults">Adults</label>
<div class="resModuleForm-adultsChildrenRooms"> <span class="decrement themeBgOnClick disabled" ng-click="resModule.updatedSearchCriteria.decrementAdultCount()" data-slnm-ihg="expandedResModuleAdultDecrementButton">
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg' --><span class="fa-update disabled" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z"></path>
</svg></span> </span> <span class="value pOne ng-binding" data-slnm-ihg="expandedResModuleAdultField">1</span> <span class="increment themeBgOnClick " ng-click="resModule.updatedSearchCriteria.incrementAdultCount()"
data-slnm-ihg="expandedResModuleAdultIncrementButton"> <!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg' --><span class="fa-update" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg'"
style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"></path>
</svg></span> </span> </div>
</div>
<div class="col-xs-6 colPadding col-sm-4" ng-class="(resModule.isPal ? 'col-sm-3 col-md-2': 'col-sm-4')"> <label class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleChildrenLabel"
ng-bind="::resModule.children">Children</label>
<div class="resModuleForm-adultsChildrenRooms"> <span class="decrement themeBgOnClick disabled" ng-click="resModule.updatedSearchCriteria.decrementChildCount()" data-slnm-ihg="expandedResModuleChildrenDecrementButton">
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg' --><span class="fa-update disabled" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z"></path>
</svg></span> </span> <span class="value pOne ng-binding" data-slnm-ihg="expandedResModuleChildrenField">0</span> <span class="increment themeBgOnClick " ng-click="resModule.updatedSearchCriteria.incrementChildCount()"
data-slnm-ihg="expandedResModuleChildrenIncrementButton"> <!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg' --><span class="fa-update" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg'"
style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"></path>
</svg></span> </span> </div>
</div>
<div class="col-xs-6 colPadding col-sm-4" ng-class="(resModule.isPal ? 'col-sm-3 col-md-2': 'col-sm-4')"> <label class="pFive resModuleForm-label ng-binding" data-slnm-ihg="expandedResModuleRoomsLabel"
ng-bind="::resModule.rooms">Rooms</label>
<div class="resModuleForm-adultsChildrenRooms"> <span class="decrement themeBgOnClick disabled" ng-click="resModule.updatedSearchCriteria.decrementRoomCount()" data-slnm-ihg="expandedResModuleRoomDecrementButton">
<!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg' --><span class="fa-update disabled" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/minus.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z"></path>
</svg></span> </span> <span class="value pOne " data-slnm-ihg="expandedResModuleRoomField">1</span> <span class="increment themeBgOnClick " ng-click="resModule.updatedSearchCriteria.incrementRoomCount()"
data-slnm-ihg="expandedResModuleRoomIncrementButton"> <!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg' --><span class="fa-update" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/plus.svg'"
style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"></path>
</svg></span> </span> </div>
</div>
<div class="col-xs-6 col-sm-3 colPadding ng-hide" ng-show="resModule.isPal && resModule.mode !== 'rates'"> <label for="resModuleForm-PALGroupCode" class="pFive resModuleForm-label"> <span class="notranslate"
data-slnm-ihg="expandedResModulePALGroupCodeLabelSID">Group Code</span> </label>
<div class="resModCodeContainer"> <input id="resModuleForm-PALgroupCodeInput" class="pOne resModuleForm-codeInput ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength" value="" type="text" ng-trim="false" autocomplete="off"
maxlength="3" data-slnm-ihg="expandedResModulePALGroupCodeSID" ng-model="resModule.updatedGroupCode"> </div>
</div>
</div>
</div>
</div><!-- end ngIf: resModule.mode !== 'rates' --> <!-- ngInclude: '/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion +'/components/ratepreference/ratePreferenceModule.html' -->
<div ng-show="appConfig.brand.brandCode != 'ma'" ng-include="'/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion +'/components/ratepreference/ratePreferenceModule.html'"
class="ng-scope" style=""><!-- rate preference -->
<div ng-class="resModule.mode === 'rates' ? ['col-xs-12', 'col-sm-12', 'col-md-3', 'col-lg-3'] : ['col-xs-12', 'col-sm-12', 'col-md-6', 'col-lg-6']" class="colPadding ng-scope col-xs-12 col-sm-12 col-md-6 col-lg-6"
ng-controller="ratePreferenceModuleCtrl as rpCtrl">
<div>
<div class="row">
<div ng-class="resModule.mode === 'rates' ? ['col-xs-12', 'col-sm-12', 'col-md-12', 'col-lg-12'] : ['col-xs-12', 'col-sm-12', 'col-md-12', 'col-lg-6']" class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<p class="pFive resModuleForm-label ng-binding">Rate Preference </p>
<div class="resModDateInputContainer">
<div ng-dropdown-multiselect="" checkboxes="true" events="rpCtrl.ratePrefEvents" options="rpCtrl.ratePrefsArr" selected-model="rpCtrl.ratePrefModel" extra-settings="rpCtrl.selectRatePrefSettings"
data-slnm-ihg="expandedResModuleRatePreference" class="ng-isolate-scope">
<div class="multiselect-parent dropdown-multiselect"><button type="button" class="dropdown-toggle pOne resModuleForm-rateInput" ng-class="settings.buttonClasses" ng-click="toggleDropdown()"><span class="ratePreText ng-binding"
data-slnm-ihg="expandedResModuleRatePreferenceText" data-ratecode="IDME0,6CBARC">Best Flexible Member Exclusive Rate * </span><!-- ngInclude: '/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-down.svg' --><span
class="fa-update fa-rate-preference resModuleIcon-Chevron ng-scope" ng-include="'/cdn/vendor/ihgimages/v1.0.0/font-awesome/chevron-down.svg'" style=""><!--?xml version="1.0" encoding="utf-8"?-->
<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="ng-scope">
<path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"></path>
</svg></span></button>
<ul class="dropdown-menu dropdown-menu-form" ng-style="{display: open ? 'block' : 'none', height : settings.scrollable ? settings.scrollableHeight : 'auto' }" style="overflow: scroll; display: none; height: auto;">
<li ng-hide="!settings.showCheckAll || settings.selectionLimit > 0" class="ng-hide"><a data-ng-click="selectAll()" class="ng-binding"><span class="glyphicon glyphicon-ok"></span> Check All</a></li>
<li ng-show="settings.showUncheckAll" class="ng-hide"><a data-ng-click="deselectAll();" class="ng-binding"><span class="glyphicon glyphicon-remove"></span> Uncheck All</a></li>
<li ng-hide="(!settings.showCheckAll || settings.selectionLimit > 0) && !settings.showUncheckAll" class="divider ng-hide"></li>
<li ng-show="settings.enableSearch" class="ng-hide">
<div class="dropdown-header"><input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" style="width: 100%;" ng-model="searchFilter" placeholder="Search..."></div>
</li>
<li ng-show="settings.enableSearch" class="divider ng-hide"></li><!-- ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope" style="">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))" class="disabled"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="6CBARC" disabled="disabled" checked="checked"><span></span> Best Available **</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="IDAAA"><span></span> AAA/CAA Rate *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="APARP"><span></span> AARP Rate *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="IMGOV"><span></span> Government/Military Rate *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="IVANI"><span></span> Reward Nights *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="IDARP"><span></span> Senior Discount *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li role="presentation" ng-repeat="option in options | filter: searchFilter" class="ng-scope">
<a ng-class="{'disabled': $index==0 || option.disabled}" role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))"><div class="checkbox"><label data-slnm-ihg="ratePreferenceOption" class="ng-binding"><input ng-disabled="$index==0 || option.disabled" class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" data-slnm-ihg="ratePreferenceOptionStatus" data-ratecode="IDME0" checked="checked"><span></span> Best Flexible Member Exclusive Rate *</label></div></a>
</li><!-- end ngRepeat: option in options | filter: searchFilter -->
<li class="divider ng-hide" ng-show="settings.selectionLimit > 1"></li>
<li role="presentation" ng-show="settings.selectionLimit > 1" class="ng-hide"><a role="menuitem" class="ng-binding">2 / 0 checked</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- / rate preference -->
</div> <!-- ngIf: resModule.mode === 'rates' -->
</div> <!-- ngIf: appConfig.brand.brandCode == 'ma' -->
<div class="row">
<div ng-show="appConfig.brand.brandCode != 'ma'" class="col-xs-12 col-sm-12 col-md-9 col-lg-6" ng-class="resModule.roomsMode ? ['col-md-9','col-lg-6']: ['col-md-6','col-lg-5']">
<div class="row"> <!-- ngIf: resModule.mode !== 'rates' -->
<div ng-if="resModule.mode !== 'rates'" class="ng-scope"> <!-- ngInclude: '/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion + '/components/reservation-module/corpID.html' -->
<div ng-include="'/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion + '/components/reservation-module/corpID.html'" class="ng-scope" style=""><!-- Corp ID -->
<div class="col-xs-12 colPadding ng-scope col-sm-4 col-md-4 col-lg-4"
ng-class="resModule.roomsMode ? resModule.mode === 'rates' ? ['col-sm-3','col-md-3','col-lg-3'] : ['col-sm-4','col-md-4','col-lg-4']: ['col-sm-6','col-md-6','col-lg-6']">
<label for="resModuleForm-CorpIdInput" class="pFive resModuleForm-label">
<span class="resModuleForm-codeInput-label ng-binding" ng-click="resModule.toggleShowCorpId()" data-slnm-ihg="expandedResModuleCorporateIdLabel">Corporate ID <div class="icon-queryMark" ng-hide="resModule.corpIdIsExpanded"
data-name="Layer 1"></div>
</span>
</label>
<div class="resModCodeContainer ng-hide" ng-show="resModule.corpIdIsExpanded">
<input id="resModuleForm-CorpIdInput" class="pTwo resModuleForm-codeInput ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength" value="" type="text" ng-change="resModule.enforceCorpId()"
ng-init="resModule.enforceCorpId()" ng-blur="resModule.enforceCorpId()" maxlength="9" ng-trim="false" autocomplete="off" title="Corporate ID" data-slnm-ihg="expandedResModuleCorporateId"
ng-model="resModule.updatedCorporateId">
<p class="pSix ng-binding" data-slnm-ihg="expandedResModuleCorporateIdHelperText" ng-bind="::resModule.corporateAccountNumberForPreferredRate">Enter the corporate account number for preferred rates.</p>
</div>
</div>
<!-- /Corp ID -->
</div> <!-- ngInclude: '/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion +'/components/reservation-module/iata.html' -->
<div ng-include="'/resources/' + appConfig.country + '/' + appConfig.language + '/find-hotels-classic/' + appConfig.appVersion +'/components/reservation-module/iata.html'" class="ng-scope" style=""><!-- IATA Number -->
<div class="col-xs-12 colPadding ng-scope col-sm-4 col-md-4 col-lg-4"
ng-class="resModule.roomsMode ? resModule.mode === 'rates' ? ['col-sm-3','col-md-3','col-lg-3'] : ['col-sm-4','col-md-4','col-lg-4']: ['col-sm-6','col-md-6','col-lg-6']">
<div class="">
<label for="resModuleForm-IATANumInput" class="pFive resModuleForm-label">
<span class="resModuleForm-codeInput-label ng-binding" ng-click="resModule.toggleShowIATANum()" data-slnm-ihg="expandedResModuleIATALabel">IATA# <div class="icon-queryMark ng-hide" ng-hide="resModule.IATANumIsExpanded"
data-name="Layer 1"></div>
</span>
</label>
<div class="resModCodeContainer" ng-show="resModule.IATANumIsExpanded">
<input id="resModuleForm-IATANumInput" class="pTwo resModuleForm-codeInput ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-maxlength" ng-readonly="resModule.IATANumIsReadOnly" value="" type="text"
ng-change="resModule.restrictIataInput()" ng-init="resModule.restrictIataInput()" ng-blur="resModule.restrictIataInput()" maxlength="8" ng-trim="false" autocomplete="off" title="IATA#" data-slnm-ihg="expandedResModuleIATA"
ng-model="resModule.updatedIATANumber" readonly="readonly">
<p class="pSix ng-binding" data-slnm-ihg="expandedResModuleIATAHelperText" ng-bind="::resModule.identifyBookingsAssociated">Identify bookings associated with travel agencies.</p>
</div>
</div>
</div>
<!-- /IATA Number -->
</div>
</div><!-- end ngIf: resModule.mode !== 'rates' -->
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 colPadding" ng-show="resModule.roomsMode && !resModule.isPal && resModule.mode !== 'rates'">
<div class=""> <label for="resModuleForm-GroupCode" class="pFive resModuleForm-label"> <span class="resModuleForm-codeInput-label ng-binding" ng-click="resModule.toggleShowGroupCode()"
data-slnm-ihg="expandedResModuleGroupCodeLabel">Group Code <div class="icon-queryMark" ng-hide="resModule.groupCodeIsExpanded" data-name="Layer 1"></div> </span> </label>
<div class="resModCodeContainer ng-hide" ng-show="resModule.groupCodeIsExpanded"> <input id="resModuleForm-groupCodeInput" class="pOne resModuleForm-codeInput ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength" value=""
type="text" ng-trim="false" autocomplete="off" maxlength="3" title="Group Code" data-slnm-ihg="expandedResModuleGroupCode" ng-model="resModule.updatedGroupCode">
<p class="pSix ng-binding" data-slnm-ihg="expandedResModuleGroupCodeHelperText" ng-bind="::resModule.enterSpecialOccasionGroupCode">Enter your special occasion group code to view available rooms.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<p class="resModuleKey pSix ng-binding" ng-bind="::resModule.requiresAffiliationInOrganization">* Requires affiliation in the respective organization.</p>
<p class="resModuleKey pSix ng-binding" ng-bind="::resModule.bestAvailableRateNotIncludeAffiliationRates">** Best available rate search does not include affiliation rates.</p>
</div>
</div>
</div>
<div ng-class="resModule.isPal ? 'dropdownSearchContainer' : ''">
<div ng-show="resModule.isPal" class="col-xs-12 col-sm-12 col-md-9 col-lg-9 dropdownTitleContainer ng-hide">
<div class="row">
<div class="col-xs-12 dropdown">
<p class="resModuleKey pSix notranslate" data-slnm-ihg="palRequireFieldMessageSID"> * Indicates a Required Field </p> <span class="resModuleKey pSix dropdownTitle notranslate"
ng-click="resModule.toggleDropdown(resModule.dropdownTypes.GROUP_CODE)" data-slnm-ihg="palMoreGroupCodeInformationDrawerTitleSID"> More information on Group Codes </span>
<div ng-show="!resModule.isGroupCodeMessagingExpanded" class="dropdownIndicator" ng-click="resModule.toggleDropdown(resModule.dropdownTypes.GROUP_CODE)"></div> <br>
<p ng-show="resModule.isGroupCodeMessagingExpanded" class="resModuleKey pSix dropdownSingleContent notranslate ng-hide" data-slnm-ihg="palMoreGroupCodeInformationExpandedSectionSID"> If you will be staying with us as part of a
group, and you were provided a three character alphanumeric code, please enter your code here. </p> <span class="resModuleKey pSix dropdownTitle notranslate" ng-click="resModule.toggleDropdown(resModule.dropdownTypes.TRAVEL_TYPE)"
data-slnm-ihg="palMoreInformationDrawerTitleSID"> More information on Travel Types </span>
<div ng-show="!resModule.isTravelTypeMessagingExpanded" class="dropdownIndicator" ng-click="resModule.toggleDropdown(resModule.dropdownTypes.TRAVEL_TYPE)"></div>
</div>
</div>
</div>
<div ng-show="resModule.isPal" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dropdownContentContainer ng-hide">
<div class="dropdown ng-hide" ng-show="resModule.isTravelTypeMessagingExpanded" data-slnm-ihg="palMoreInformationExpandedSectionSID">
<p class="resModuleKey pSix strong notranslate"> Official Travelers </p>
<ul class="pSix">
<li class="notranslate">Soldiers and their families undergoing Permanent Change of Station (PCS)</li>
<li class="notranslate">Others traveling on official military business (including civilian and government travelers).</li>
<li class="notranslate">Soldiers on Temporary Duty (TDY) assignments</li>
</ul>
<p class="resModuleKey pSix dropdownContent notranslate"> For official travelers staying over 30 nights on a TDY order, 75% of per diem applies. If the rate you are booking now is over 75% of the per diem, your rate will be adjusted
to the 75% of per diem at the time of check in. Please notify the front desk at check in if your TDY stay is over 30 nights. You may be required to sign a length of stay agreement </p>
<p class="resModuleKey pSix dropdownContent notranslate"> For official travelers staying over 180 nights on a TDY order, 55% of per diem applies. If the rate you are booking now is over 55% of the per diem, your rate will be adjusted
to the 55% of per diem at the time of check in. Please notify the front desk at check in if your TDY stay is over 180 nights. You may be required to sign a length of stay agreement. </p>
<p class="resModuleKey pSix listHeader notranslate"> Unofficial Travelers </p>
<ul class="pSix">
<li class="notranslate">Family members of soldiers</li>
<li class="notranslate">Retired military personnel</li>
<li class="notranslate">Contractors</li>
<li class="notranslate">Visiting business persons</li>
</ul>
<p class="resModuleKey pSix dropdownContent notranslate"> Individuals who have been granted access to travel on-post, but are not traveling due to official military orders. They must have on-post access to stay at an IHG Army Hotel.
</p>
<p class="resModuleKey pSix dropdownContent strong notranslate"> If you are a distinguished visitor please select DVQ regardless of your travel status. </p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 searchButton col-lg-offset-3"
ng-class="(!resModule.isPal && resModule.roomsMode ? 'col-lg-offset-3':'') + ' ' + ((resModule.isPal && resModule.roomsMode) ? 'palSearch col-lg-3 col-md-3' : 'col-md-3')+ ' ' + ((resModule.isPal && !resModule.roomsMode) ? 'palSearch col-lg-3 col-md-3' : '') + ' ' + ((!resModule.isPal && !resModule.roomsMode) ? 'col-lg-offset-3 col-md-offset-3' : '')">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 colPadding"> <button type="submit" class="hThree resModuleForm-searchInput sl-translate rsButton ng-binding resModuleForm-searchInput-roomsMode"
ng-class="resModule.roomsMode ? resModule.mode === 'rates' ? 'resModuleForm-searchInput-ratesMode' : 'resModuleForm-searchInput-roomsMode':''" data-slnm-ihg="expandedResModuleSearchButton"
ng-bind="::resModule.search">Search</button> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form id="tpiDivForm" action="" method="POST" hidden="true" class="ng-pristine ng-valid">
<input type="hidden" value="true" name="displayCaptcha" autocomplete="off">
<input type="hidden" value="" name="fwdest" id="fwdest" autocomplete="off">
</form>Text Content
Your session will expire in 5 minutes, 0 seconds, due to inactivity. Stay Logged
In
You are currently viewing this site in English. Would you like to make this your
default language? Yes Yes No
You can change your country and language settings in the future by using the
selector at the top of the page.
* 0800 182 4008
* Need Help?
* Travel Advisory
* Costs 13p per minute + phone company's access charge
English
Sign In / Join
Not you?
Sign In
user first name
Sign Out
user first name
user points Points
Stay with Confidence. Read our latest Travel Advisory.
Your session has expired. Please sign in to your profile
Sign In / Join
Sign In
Sign Out
* HOTEL INDIGO SUITES HOME
* Neighborhoods
* Our Story
* Offers
* Gatherings & Events
* IHG Rewards
* * Need Help?
* Travel Advisory
* Manage Reservations
* Feedback
English
Country / Region United StatesUnited
Kingdom----------------------------AfghanistanAland
IslandsAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua and
BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBolivia,
Plurinational State ofBonaire Saint Eustatius and SabaBosnia and
HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei
DarussalamBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman
IslandsCentral African RepublicChadChileMainland ChinaChristmas IslandCocos
(Keeling) IslandsColombiaComorosCongoCongo, Democratic Republic of theCook
IslandsCosta RicaCroatiaCubaCuraçaoCyprusCzech RepublicIvory
CoastDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl SalvadorEquatorial
GuineaEritreaEstoniaEthiopiaFalkland IslandsFaroe IslandsFijiFinlandFranceFrench
GuianaFrench PolynesiaFrench Southern
TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea
BissauGuyanaHaitiHeard Island and McDonald IslandsHondurasHong
KongHungaryIcelandIndiaIndonesiaIran, Islamic Republic ofIraqIrelandIsle of
ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribati, Republic ofKorea,
Democratic People's Republic ofKorea, Republic ofKuwaitKyrgystanLaos, People's
Democratic Republic
ofLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacauMacedonia,
Republic ofMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall
IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesia, Federated States
ofMoldova, Republic
ofMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew
CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern Mariana
IslandsNorwayOmanPakistanPalauPalestinian National AuthorityPanamaPapua New
GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto
RicoQatarReunionRomaniaRussian FederationRwandaSaint BarthelemySaint HelenaSaint
Kitts and NevisSaint LuciaSaint Martin (French)Saint Pierre and MiquelonSaint
Vincent and the GrenadinesSamoa, Independent State ofSan MarinoSaint Thomas and
Prince IslandsSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint
Maarten (Dutch)SlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia
and the South Sandwich IslandsSouth SudanSpainSri LankaSudanSurinameSvalbard and
Jan MayenSwazilandSwedenSwitzerlandSyrian Arab RepublicTaiwanTajikistanTanzania,
United Republic ofThailandTimor-Leste, Democratic Republic
ofTogoTokelauTongaTrinidad and TobagoTunisiaTurkeyTurkmenistanTurks and Caicos
IslandsTuvaluUgandaUkraineUnited Arab EmiratesUnited States Minor Outlying
IslandsUruguayUzbekistanVanuatuVatican City StateVenezuela, Bolivarian Republic
ofVietnamVirgin Islands, BritishVirgin Islands, U.S.Wallis and FutunaWestern
SaharaYemenZambiaZimbabwe
language EnglishSpanish / Español
save
* Neighborhoods
* Our Story
* Offers
* Gatherings & Events
* IHG Rewards
Book Online
Stay with Confidence. Read our latest Travel Advisory.
arrowBackSelect a Different Hotel
Need Help? Ask our virtual assistant
Select a Room
Hotel Indigo : Boston Garden
280 Friend Street, Boston, Massachusetts 02114
280 Friend Street, Boston, MA, US
03/23/2022 - 03/24/2022
1 Guest
1 Room
Change Search
It’s time for Spring Break
Destination
Enter City, Address, Zip Code, Airport or Point of Interest
Check-In
03/23/2022
Check-Out
03/24/2022
March 2022
Su
Mo
Tu
We
Th
Fr
Sa
27
28
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
06
07
08
09
April 2022
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06
07
To book this offer you must: stay between Feb 10, 2022 - Dec 31, 2022.
Adults
1
Children
0
Rooms
1
Group Code
Rate Preference
Best Flexible Member Exclusive Rate *
* Check All
* Uncheck All
*
*
*
* Best Available **
* AAA/CAA Rate *
* AARP Rate *
* Government/Military Rate *
* Reward Nights *
* Senior Discount *
* Best Flexible Member Exclusive Rate *
*
* 2 / 0 checked
Corporate ID
Enter the corporate account number for preferred rates.
IATA#
Identify bookings associated with travel agencies.
Group Code
Enter your special occasion group code to view available rooms.
* Requires affiliation in the respective organization.
** Best available rate search does not include affiliation rates.
* Indicates a Required Field
More information on Group Codes
If you will be staying with us as part of a group, and you were provided a three
character alphanumeric code, please enter your code here.
More information on Travel Types
Official Travelers
* Soldiers and their families undergoing Permanent Change of Station (PCS)
* Others traveling on official military business (including civilian and
government travelers).
* Soldiers on Temporary Duty (TDY) assignments
For official travelers staying over 30 nights on a TDY order, 75% of per diem
applies. If the rate you are booking now is over 75% of the per diem, your rate
will be adjusted to the 75% of per diem at the time of check in. Please notify
the front desk at check in if your TDY stay is over 30 nights. You may be
required to sign a length of stay agreement
For official travelers staying over 180 nights on a TDY order, 55% of per diem
applies. If the rate you are booking now is over 55% of the per diem, your rate
will be adjusted to the 55% of per diem at the time of check in. Please notify
the front desk at check in if your TDY stay is over 180 nights. You may be
required to sign a length of stay agreement.
Unofficial Travelers
* Family members of soldiers
* Retired military personnel
* Contractors
* Visiting business persons
Individuals who have been granted access to travel on-post, but are not
traveling due to official military orders. They must have on-post access to stay
at an IHG Army Hotel.
If you are a distinguished visitor please select DVQ regardless of your travel
status.
Search
Featuring renovated rooms!
Refine Results
Refine Results
Accessible
Done
CurrencyUSDGBPEURCNY───AEDAFNALLAMDANGAOAARSAUDAWGAZNBAMBBDBDTBGNBHDBIFBMDBNDBOBBRLBSDBTNBWPBZDCADCDFCHFCLFCLPCNYCOPCRCCUPCVECZKDJFDKKDOPDZDEGPERNETBEURFJDFKPGBPGELGHSGIPGMDGNFGTQGYDHKDHNLHRKHTGHUFIDRILSINRIQDIRRISKJMDJODJPYKESKGSKHRKMFKPWKRWKWDKYDKZTLAKLKRLRDLSLLYDMADMDLMGAMKDMMKMNTMOPMURMVRMWKMXNMYRMZNNADNGNNIONOKNPRNZDOMRPABPENPGKPHPPKRPLNPYGQARRONRSDRUBRWFSARSBDSCRSDGSEKSGDSHPSLLSOSSRDSSPSVCSYPSZLTHBTJSTNDTOPTRYTTDTWDTZSUAHUGXUSDUYUUZSVESVNDVUVWSTXAFXCDXOFXPFYERZARZMW
Show prices with taxes and fees
* One Bed
FROM
303.05 USD
OR
No Rewards Night Available
* Suite
FROM
317.30 USD
OR
No Rewards Night Available
* Standard
FROM
303.05 USD
OR
No Rewards Night Available
*
camera-dk-bkg
1.
2. 2
Best Flexible Member Exclusive Rate
1 King Bed Standard
Room with Minifridge
1.
2. 2
Show More
FROM
FROM
303
05
USD
OR
No Reward Night available
SELECT ROOM
MORE DETAILS
1.
2. 2
Only 3 Rooms Left!
Best Flexible Member Exclusive Rate
1 Queen Bed Standard
Standard Room
1.
2. 2
Show More
FROM
FROM
303
05
USD
OR
No Reward Night available
SELECT ROOM
MORE DETAILS
camera-dk-bkg
1.
2. 4
Only 3 Rooms Left!
Best Flexible Member Exclusive Rate
1 Queen Bed Suite Additional Living Area
Suite with Sofa Bed and Minifridge
1.
2. 4
Show More
FROM
FROM
317
30
USD
OR
No Reward Night available
SELECT ROOM
MORE DETAILS
1.
2. 2
Best Flexible Member Exclusive Rate
Standard Room
When you arrive at the hotel we will do our best to meet your room type
preference this is subject to availability and cannot be guaranteed
1.
2. 2
Show More
FROM
FROM
303
05
USD
OR
No Reward Night available
SELECT ROOM
MORE DETAILS
Rates reflect average nightly rate for one room.
More information here
To calculate the Average Nightly Rate, add the rates for each night of your stay
and divide the total by the number of nights in your stay. The individual
nightly rates can be found on the rate information and confirmation pages.
Please note: Extending or reducing the number of nights in your stay will affect
the Average Nightly Rate. You will be responsible for the rate that is
determined by the actual number of nights in your stay.
Back to Top
SOCIAL MEDIA
*
*
*
--------------------------------------------------------------------------------
Company
About IHG IHG Careers IHG Global Brands Hotel Development Explore Hotels Need
Help?
Email Management Terms of Use IHG Blog
Privacy and Cookie Center Do Not Sell My Personal Info AdChoices Site Map
--------------------------------------------------------------------------------
Top Destinations
* Atlanta Hotels
* Chicago Hotels
* Dallas Hotels
* Honolulu Hotels
* Houston Hotels
* Los Angeles Hotels
* Denver Hotels
* New York Hotels
* Orlando Hotels
* San Francisco Hotels
* Washington DC Hotels
* Hong Kong Hotels
* New Orleans Hotels
* London Hotels
* Paris Hotels
* Dubai Hotels
* Sydney Hotels
* Amsterdam Hotels
* Toronto Hotels
* Shanghai Hotels
* IHG Travel Blog
Book online or call:
0800 182 4008
Costs 13p per minute + phone company's access charge
Download the IHG® App today
Learn more about booking your stay anytime, anywhere
BOOK WITH US ADVANTAGE
Best Price Guarantee
We promise you the lowest available price online, or we’ll match it and give you
five times the IHG® Rewards Club points, up to a 40,000-point maximum.
Online Reservation Guarantee
Your room is guaranteed.
No Booking Fees!
We do not charge any booking fees for making reservations directly with us.
Data Privacy and Site Security
IHG takes your privacy seriously and works to protect you. All personal
information you provide is encrypted and secure.
Selecting will reload the IHG website in this browser window. Selecting will
reload the IHG website in this browser window.
LUXURY & LIFESTYLE
Selecting will load the Six Senses website in a new browser window. Selecting
will load the Six Senses website in a new browser window.
Selecting will reload the Regent hotels website in this browser window.
Selecting will reload the Regent hotels website in this browser window.
Selecting will reload the InterContinental Hotels & Resorts website in this
browser window. Selecting will reload the InterContinental Hotels & Resorts
website in this browser window.
Selecting will reload the Kimpton® Hotels & Restaurants website in this browser
window. Selecting will reload the Kimpton® Hotels & Restaurants website in this
browser window.
Selecting will reload the Hotel Indigo website in this browser window. Selecting
will reload the Hotel Indigo website in this browser window.
PREMIUM
Selecting will reload the voco hotels website in this browser window. Selecting
will reload the voco hotels website in this browser window.
Selecting will reload the HUALUXE Hotels & Resorts website in this browser
window. Selecting will reload the HUALUXE Hotels & Resorts website in this
browser window.
Selecting will reload the Crowne Plaza Hotels & Resorts website in this browser
window. Selecting will reload the Crowne Plaza Hotels & Resorts website in this
browser window.
Selecting will reload the EVEN Hotels website in this browser window. Selecting
will reload the EVEN Hotels website in this browser window.
ESSENTIALS
Selecting will reload the Holiday Inn Express Hotels website in this browser
window. Selecting will reload the Holiday Inn Express Hotels website in this
browser window.
Selecting will reload the Holiday Inn website in this browser window. Selecting
will reload the Holiday Inn website in this browser window.
Selecting will reload the avid hotels website in this browser window. Selecting
will reload the avid hotels website in this browser window.
SUITES
Selecting will reload the Atwell Suites website in this browser window.
Selecting will reload the Atwell Suites website in this browser window.
Selecting will reload the Staybridge Suites website in this browser window.
Selecting will reload the Staybridge Suites website in this browser window.
Selecting will reload the Holiday Inn Club Vacations website in this browser
window. Selecting will reload the Holiday Inn Club Vacations website in this
browser window.
Selecting will reload the Candlewood Suites website in this browser window.
Selecting will reload the Candlewood Suites website in this browser window.
Selecting opens the IHG Rewards Club website in this browser window. Selecting
opens the IHG Rewards Club website in this browser window.
© 2022 IHG. All rights reserved. Most hotels are independently owned and
operated.
COOKIE USAGE AND SETTINGS
The standard cookie policy for this website is to allow all cookies. This helps
to ensure you have the optimal experience. If you would like to continue with
our optimal website experience, you don't need to make any changes. If you would
like to learn more about how we use cookies or change your settings, you can use
the link at the bottom of any page at any time.
Calls to 0871 numbers, when dialed from the UK, cost 13p per minute. Standard
network rates apply. Calls from mobiles will be higher.
0800 182 4008 Cancel
We are sorry, our system is temporarily unavailable. Please try again later or
contact the IHG® Rewards Club Customer Care Center for assistance.
Would you be willing to take a
brief (2 to 4 minutes) survey?
Yes
No, thank you
Feedback