www.extraholidays.com
Open in
urlscan Pro
95.101.111.173
Public Scan
Submitted URL: http://l.e.allegiant.com/rts/go2.aspx?h=1184333&tp=i-1NHD-Fu-RgZ-E9H695-1n-29mKW-1c-vBHE-E8ibti-l90gnHd0OM-1g0eKE
Effective URL: https://www.extraholidays.com/promotion/allegiant-air-offer?utm_source=allegiant&utm_medium=email&utm_campaign=eh_email-m_alle...
Submission: On May 30 via api from US — Scanned from DE
Effective URL: https://www.extraholidays.com/promotion/allegiant-air-offer?utm_source=allegiant&utm_medium=email&utm_campaign=eh_email-m_alle...
Submission: On May 30 via api from US — Scanned from DE
Form analysis 2 forms found in the DOM
<form ng-submit="$event.preventDefault()" id="header-search-form" flex-xs="" flex-sm="" flex-gt-sm="none" class="pad-tb-4 relative ng-pristine flex-xs flex-sm flex-gt-sm-none ng-valid ng-valid-required" spellcheck="false">
<md-autocomplete class="full-width ng-isolate-scope" ng-enter="" ng-focus="search.showMobileSearchBar = true" ng-blur="search.showMobileSearchBar = false" md-clear-button="true" md-hide-autocomplete-on-enter="true" ng-disabled="search.isDisabled"
md-no-cache="false" md-select-on-match="true" md-match-case-insensitive="true" md-selected-item="search.selectedItem" md-search-text="search.searchText" md-selected-item-change="navItemChange(item);search.showMobileSearchBar = false;"
md-items="item in navSearch(search.searchText)" md-item-text="item.name" id="search-bar-autocomplete" name="top-nav-search" md-min-length="2" md-dropdown-items="20" ng-model-options="{debounce: 200}"
input-aria-label="Type to Search Resorts and Destinations" placeholder="Search" md-autocomplete-snap="width" md-menu-class="autocomplete-custom-template" md-search-autocomplete-on-enter="" tabindex="-1" aria-disabled="false">
<md-autocomplete-wrap ng-class="{ 'md-whiteframe-z1': !floatingLabel, 'md-menu-showing': !$mdAutocompleteCtrl.hidden }" class="md-whiteframe-z1"> <!-- ngIf: !floatingLabel --><input type="search" id="input-0" name="" ng-if="!floatingLabel"
autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-readonly="$mdAutocompleteCtrl.isReadonly" ng-model="$mdAutocompleteCtrl.scope.searchText"
ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur($event)" ng-focus="$mdAutocompleteCtrl.focus($event)" placeholder="Search" aria-owns="ul-0" aria-label="Search" aria-autocomplete="list" role="combobox"
aria-haspopup="true" aria-activedescendant="" aria-expanded="false" class="ng-pristine ng-untouched ng-scope ng-empty ng-valid ng-valid-required" aria-invalid="false"><!-- end ngIf: !floatingLabel -->
<!-- ngIf: $mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled --> <!-- ngIf: $mdAutocompleteCtrl.loadingIsVisible() --> </md-autocomplete-wrap> <aria-status class="md-visually-hidden" role="status" aria-live="assertive">
<!-- ngRepeat: message in $mdAutocompleteCtrl.messages track by $index --> </aria-status></md-autocomplete>
<div class="search-icon pad-8 absolute top-edge right-edge" ng-click="go('search',{q:search.searchText})" analytics-on="" analytics-category="Header Search Box" analytics-event="Search Icon Click" analytics-label="" aria-label="Search Icon"
role="button" tabindex="0">
<md-icon md-svg-icon="search" class="gray-txt-imp gray-fill-imp white-bg fadereveal flex-none" flex="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fit=""
preserveAspectRatio="xMidYMid meet" focusable="false">
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z">
</path>
</svg></md-icon>
</div>
</form><form
ng-init="skipLeadRates = ['115043']; singleDayReservationResorts = ['112182','112161','96971','112185','113615','112408','112158','112146','112150','112152','112160','112154','112156','112142','112184','112404','112410','112406','110166','110165','112200','112198','112396','112194','112192','112148','112402','110249']"
layout="row" flex-xs="100" layout-wrap="" class="pad-lr-4 ng-pristine layout-wrap layout-align-gt-sm-end-end layout-row flex-xs-100 flex ng-invalid ng-invalid-required" flex="" layout-align-gt-sm="end end" autocomplete="false" spellcheck="false">
<div flex-xs="100" flex-sm="100" flex-gt-sm="noshrink" class="book-bar-select-wrap book-bar-select-wrap-one relative flex-xs-100 flex-sm-100 flex-gt-sm-noshrink">
<div class="book-bar-select book-bar-destination booking-bar-canvas-wrap">
<div class="white-bg shadow pad-4 pad-lr-8 booking-bar-canvas">
<div class="book-bar-label">Destination</div>
<div class="relative layout-row" layout="row">
<div class="book-bar-select-icon pad-4"><md-icon class="material-icons white-bg notranslate flex-none" flex="none">location_on</md-icon></div>
<div flex="" class="flex"><md-autocomplete spellcheck="false" autocorrect="off" ng-required="isResortMode" md-select-on-focus="true" md-select-on-match="true" md-require-match="true" md-autoselect="true" md-min-length="2"
md-hide-autocomplete-on-enter="true" md-match-case-insensitive="true" md-selected-item="selectedResortDestination" md-search-text="search.searchText" md-selected-item-change="resortDestinationSelect(item);"
md-items="item in resortDestinationSearch(search.searchText)" md-item-text="item.name" md-dropdown-items="12" md-delay="300" md-autocomplete-snap="width" md-menu-class="autocomplete-custom-template"
input-aria-label="Type to Search Resorts and Destinations" placeholder="Resort or destination name..." class="destination-input full-width ng-isolate-scope" tabindex="-1" aria-required="true" required="required"> <md-autocomplete-wrap
ng-class="{ 'md-whiteframe-z1': !floatingLabel, 'md-menu-showing': !$mdAutocompleteCtrl.hidden }" class="md-whiteframe-z1"> <!-- ngIf: !floatingLabel --><input type="search" id="input-12" name="" ng-if="!floatingLabel"
autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-readonly="$mdAutocompleteCtrl.isReadonly" ng-model="$mdAutocompleteCtrl.scope.searchText"
ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur($event)" ng-focus="$mdAutocompleteCtrl.focus($event)" placeholder="Resort or destination name..." aria-owns="ul-12" md-select-on-focus=""
aria-label="Resort or destination name..." aria-autocomplete="list" role="combobox" aria-haspopup="true" aria-activedescendant="" aria-expanded="false"
class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required" required="required" aria-invalid="true"><!-- end ngIf: !floatingLabel -->
<!-- ngIf: $mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled --> <!-- ngIf: $mdAutocompleteCtrl.loadingIsVisible() --> </md-autocomplete-wrap> <aria-status class="md-visually-hidden" role="status"
aria-live="assertive"> <!-- ngRepeat: message in $mdAutocompleteCtrl.messages track by $index --> </aria-status></md-autocomplete></div>
</div>
</div>
</div>
</div>
<div flex-xs="100" flex-sm="50" flex-gt-sm="none" class="book-bar-dates-wrap flex-xs-100 flex-sm-50 flex-gt-sm-none">
<div class="booking-bar-canvas-wrap relative layout-align-center-center layout-row" layout="row" layout-align="center center">
<div class="date-box-div date-box-checkin flex-xs-50 flex-sm-50 flex-gt-sm-none" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-sm="50" flex-gt-sm="none" role="button" tabindex="0">
<div class="white-bg shadow pad-4 pad-lr-16 full-height border-box booking-bar-canvas">
<div class="book-bar-label">Check In</div>
<div class="date-box-date md-subhead bold line-norm ng-binding">Thu, 6/1/23</div>
</div>
</div>
<div class="date-box-div date-box-checkout flex-xs-50 flex-sm-50 flex-gt-sm-none" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-sm="50" flex-gt-sm="none" role="button" tabindex="0">
<div class="white-bg shadow pad-4 pad-lr-16 full-height border-box booking-bar-canvas">
<div class="book-bar-label">Check Out</div>
<div class="date-box-date md-subhead bold line-norm ng-binding">Sat, 6/3/23</div>
</div>
</div>
<div ng-show="showDatePicker" class="date-rangepicker-wrap absolute text-center center-x ng-hide" aria-hidden="true"><md-date-range-picker first-day-of-week="0" selected-template="'TD'" selected-template-name="'Today'" date-start="checkinDate"
date-end="checkoutDate" auto-confirm="true" is-disabled-date="isDisabledDate($date)" one-panel="true"
min-range="(selectedResortDestination.hotelCode && singleDayReservationResorts.indexOf(selectedResortDestination.hotelCode) > -1) ? 1 : 2" class="ng-isolate-scope">
<div class="md-date-range-picker md-whiteframe-1dp md-date-range-picker__one-panel" ng-class="{'md-date-range-picker__one-panel':onePanel}">
<div layout="column" class="layout-column">
<div layout="row" layout-margin="" class="layout-margin layout-row">
<div class="md-date-range-picker__calendar-wrapper">
<div class="md-date-range-picker__month-year layout-align-center-center layout-row" layout="row" layout-align="center center">
<div flex="" layout="column" layout-align="center center" class="layout-align-center-center layout-column flex"><span aria-label="Previous Month" class="md-button md-icon-button" event-key="prev"><md-icon
md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
</g>
</svg></md-icon></span></div><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate()" ng-model="activeMonth" placeholder="Month"
class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_13" aria-owns="select_container_14"
aria-invalid="false" aria-label="Month: May"><md-select-value class="md-select-value" id="select_value_label_8"><span>May</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
<div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_14"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_22" aria-checked="false"
value="0">January</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_23" aria-checked="true" value="1">February</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_24" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_25" aria-checked="true"
value="3">April</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="true" id="select_option_26" aria-checked="true" value="4" selected="selected">May</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_27" aria-checked="true"
value="5">June</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_28" aria-checked="true" value="6">July</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_29" aria-checked="true" value="7">August</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_30" aria-checked="true"
value="8">September</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
role="option" aria-selected="false" id="select_option_31" aria-checked="true" value="9">October</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_32" aria-checked="true"
value="10">November</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
role="option" aria-selected="false" id="select_option_33" aria-checked="true" value="11">December</md-option><!-- end ngRepeat: month in months --></md-content></md-select-menu></div>
</md-select><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate()" ng-model="activeYear" placeholder="Year" class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0"
aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_15" aria-owns="select_container_16" aria-invalid="false" aria-label="Year: 2023"><md-select-value class="md-select-value"
id="select_value_label_9"><span>2023</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
<div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_16"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: year in years --><md-option ng-value="::year.id"
ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_34" aria-checked="true"
value="2013">2013</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_35" aria-checked="true" value="2014">2014</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_36" aria-checked="true" value="2015">2015</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_37" aria-checked="true"
value="2016">2016</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_38" aria-checked="true" value="2017">2017</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_39" aria-checked="true" value="2018">2018</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_40" aria-checked="true"
value="2019">2019</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_41" aria-checked="true" value="2020">2020</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_42" aria-checked="true" value="2021">2021</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_43" aria-checked="true"
value="2022">2022</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="true" id="select_option_44" aria-checked="true" value="2023" selected="selected">2023</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years"
ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_45" aria-checked="true"
value="2024">2024</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_46" aria-checked="true" value="2025">2025</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_47" aria-checked="true" value="2026">2026</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_48" aria-checked="true"
value="2027">2027</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_49" aria-checked="true" value="2028">2028</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_50" aria-checked="true" value="2029">2029</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_51" aria-checked="true"
value="2030">2030</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_52" aria-checked="true" value="2031">2031</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_53" aria-checked="true"
value="2032">2032</md-option><!-- end ngRepeat: year in years --></md-content></md-select-menu></div>
</md-select>
<div flex="" layout="column" layout-align="center center" class="hide-gt-sm show-sm show-xs layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button" event-key="next"><md-icon
style="transform: rotate(-180deg)"
md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
</g>
</svg></md-icon></span></div><!-- ngIf: onePanel -->
<div flex="" ng-if="onePanel" layout="column" layout-align="center center" class="hide-sm hide-xs show-gt-sm ng-scope layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button"
event-key="next"><md-icon style="transform: rotate(-180deg)"
md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
</g>
</svg></md-icon></span></div><!-- end ngIf: onePanel --><!-- ngIf: !onePanel -->
</div>
<div class="md-date-range-picker__week" style="font-size: 0"><!-- ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
ng-repeat="day in days">Sun</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Mon</span><!-- end ngRepeat: day in days --><span
class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Tue</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
ng-repeat="day in days">Wed</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Thu</span><!-- end ngRepeat: day in days --><span
class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Fri</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
ng-repeat="day in days">Sat</span><!-- end ngRepeat: day in days --></div>
<div class="md-date-range-picker__calendar"><!-- ngRepeat: date in dates --><span ng-repeat="date in dates"
class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="0"><span event-key="date1" event-param="0" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="30">30</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="1"><span event-key="date1" event-param="1" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="1">1</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="2"><span event-key="date1" event-param="2" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="2">2</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="3"><span event-key="date1" event-param="3" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="3">3</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="4"><span event-key="date1" event-param="4" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="4">4</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="5"><span event-key="date1" event-param="5" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="5">5</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="6"><span event-key="date1" event-param="6" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="6">6</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="7"><span event-key="date1" event-param="7" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="7">7</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="8"><span event-key="date1" event-param="8" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="8">8</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="9"><span event-key="date1" event-param="9" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="9">9</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="10"><span event-key="date1" event-param="10" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="10">10</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="11"><span event-key="date1" event-param="11" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="11">11</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="12"><span event-key="date1" event-param="12" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="12">12</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="13"><span event-key="date1" event-param="13" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="13">13</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="14"><span event-key="date1" event-param="14" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="14">14</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="15"><span event-key="date1" event-param="15" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="15">15</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="16"><span event-key="date1" event-param="16" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="16">16</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="17"><span event-key="date1" event-param="17" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="17">17</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="18"><span event-key="date1" event-param="18" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="18">18</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="19"><span event-key="date1" event-param="19" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="19">19</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="20"><span event-key="date1" event-param="20" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="20">20</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="21"><span event-key="date1" event-param="21" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="21">21</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="22"><span event-key="date1" event-param="22" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="22">22</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="23"><span event-key="date1" event-param="23" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="23">23</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="24"><span event-key="date1" event-param="24" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="24">24</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="25"><span event-key="date1" event-param="25" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="25">25</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="26"><span event-key="date1" event-param="26" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="26">26</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="27"><span event-key="date1" event-param="27" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="27">27</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="28"><span event-key="date1" event-param="28" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="28">28</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="29"><span event-key="date1" event-param="29" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="29">29</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__today md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="30"><span event-key="date1" event-param="30" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="30">30</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="31"><span event-key="date1" event-param="31" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="31">31</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected md-date-range-picker__calendar__start md-date-range-picker__calendar__not-in-active-month"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="32"><span event-key="date1" event-param="32" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="1">1</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected md-date-range-picker__calendar__not-in-active-month"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="33"><span event-key="date1" event-param="33" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="2">2</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected md-date-range-picker__calendar__end md-date-range-picker__calendar__not-in-active-month"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="34"><span event-key="date1" event-param="34" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="3">3</span></span><!-- end ngRepeat: date in dates --></div>
</div>
<div ng-show="!onePanel" class="md-date-range-picker__calendar-wrapper hide-sm hide-xs show-gt-sm ng-hide" aria-hidden="true">
<div class="md-date-range-picker__month-year layout-align-center-center layout-row" layout="row" layout-align="center center">
<div flex="" layout="column" layout-align="center center" style="visibility: hidden" class="layout-align-center-center layout-column flex"><span aria-label="Previous Month" class="md-button md-icon-button"
event-key="prev"><md-icon
md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
</g>
</svg></md-icon></span></div><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate(true)" ng-model="activeMonth2" placeholder="Month"
class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_17" aria-owns="select_container_18"
aria-invalid="false" aria-label="Month: June"><md-select-value class="md-select-value" id="select_value_label_10"><span>June</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
<div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_18"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_54" aria-checked="false"
value="0">January</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_55" aria-checked="true" value="1">February</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_56" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_57" aria-checked="true"
value="3">April</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_58" aria-checked="true" value="4">May</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="true" id="select_option_59" aria-checked="true" value="5"
selected="selected">June</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
role="option" aria-selected="false" id="select_option_60" aria-checked="true" value="6">July</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_61" aria-checked="true"
value="7">August</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_62" aria-checked="true" value="8">September</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_63" aria-checked="true" value="9">October</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_64" aria-checked="true"
value="10">November</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
role="option" aria-selected="false" id="select_option_65" aria-checked="true" value="11">December</md-option><!-- end ngRepeat: month in months --></md-content></md-select-menu></div>
</md-select><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate(true)" ng-model="activeYear2" placeholder="Year" class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty"
tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_19" aria-owns="select_container_20" aria-invalid="false" aria-label="Year: 2023"><md-select-value
class="md-select-value" id="select_value_label_11"><span>2023</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
<div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_20"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: year in years --><md-option ng-value="::year.id"
ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_66" aria-checked="true"
value="2013">2013</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_67" aria-checked="true" value="2014">2014</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_68" aria-checked="true" value="2015">2015</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_69" aria-checked="true"
value="2016">2016</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_70" aria-checked="true" value="2017">2017</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_71" aria-checked="true" value="2018">2018</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_72" aria-checked="true"
value="2019">2019</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_73" aria-checked="true" value="2020">2020</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_74" aria-checked="true" value="2021">2021</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_75" aria-checked="true"
value="2022">2022</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="true" id="select_option_76" aria-checked="true" value="2023" selected="selected">2023</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years"
ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_77" aria-checked="true"
value="2024">2024</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_78" aria-checked="true" value="2025">2025</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_79" aria-checked="true" value="2026">2026</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_80" aria-checked="true"
value="2027">2027</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_81" aria-checked="true" value="2028">2028</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_82" aria-checked="true" value="2029">2029</md-option><!-- end ngRepeat: year in years --><md-option
ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_83" aria-checked="true"
value="2030">2030</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
aria-selected="false" id="select_option_84" aria-checked="true" value="2031">2031</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_85" aria-checked="true"
value="2032">2032</md-option><!-- end ngRepeat: year in years --></md-content></md-select-menu></div>
</md-select>
<div flex="" layout="column" layout-align="center center" class="layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button" event-key="next"><md-icon
style="transform: rotate(-180deg)"
md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
</g>
</svg></md-icon></span></div>
</div><!-- ngIf: !onePanel -->
<div class="md-date-range-picker__calendar"><!-- ngRepeat: date in dates2 --><span ng-repeat="date in dates2"
class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="0"><span event-key="date2" event-param="0" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="28">28</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="1"><span event-key="date2" event-param="1" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="29">29</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month md-date-range-picker__calendar__today md-date-range-picker__calendar__disabled"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="2"><span event-key="date2" event-param="2" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="30">30</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="3"><span event-key="date2" event-param="3" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="31">31</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected md-date-range-picker__calendar__start"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="4"><span event-key="date2" event-param="4" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="1">1</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="5"><span event-key="date2" event-param="5" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="2">2</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__selected md-date-range-picker__calendar__end"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="6"><span event-key="date2" event-param="6" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="3">3</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="7"><span event-key="date2" event-param="7" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="4">4</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="8"><span event-key="date2" event-param="8" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="5">5</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="9"><span event-key="date2" event-param="9" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="6">6</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="10"><span event-key="date2" event-param="10" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="7">7</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="11"><span event-key="date2" event-param="11" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="8">8</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="12"><span event-key="date2" event-param="12" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="9">9</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="13"><span event-key="date2" event-param="13" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="10">10</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="14"><span event-key="date2" event-param="14" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="11">11</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="15"><span event-key="date2" event-param="15" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="12">12</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="16"><span event-key="date2" event-param="16" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="13">13</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="17"><span event-key="date2" event-param="17" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="14">14</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="18"><span event-key="date2" event-param="18" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="15">15</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="19"><span event-key="date2" event-param="19" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="16">16</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="20"><span event-key="date2" event-param="20" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="17">17</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="21"><span event-key="date2" event-param="21" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="18">18</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="22"><span event-key="date2" event-param="22" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="19">19</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="23"><span event-key="date2" event-param="23" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="20">20</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="24"><span event-key="date2" event-param="24" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="21">21</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="25"><span event-key="date2" event-param="25" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="22">22</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="26"><span event-key="date2" event-param="26" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="23">23</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="27"><span event-key="date2" event-param="27" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="24">24</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="28"><span event-key="date2" event-param="28" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="25">25</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="29"><span event-key="date2" event-param="29" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="26">26</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="30"><span event-key="date2" event-param="30" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="27">27</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="31"><span event-key="date2" event-param="31" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="28">28</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="32"><span event-key="date2" event-param="32" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="29">29</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="33"><span event-key="date2" event-param="33" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="30">30</span></span><!-- end ngRepeat: date in dates2 --><span
ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
event-key="date2" event-param="34"><span event-key="date2" event-param="34" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="1">1</span></span><!-- end ngRepeat: date in dates2 --></div>
</div>
</div><!-- ngIf: showTemplate -->
</div>
</div>
</md-date-range-picker>
<div class="date-rangepicker-footer text-center pad-4 md-whiteframe-z1"><span class="md-button no-margin gray-txt full-width" ng-click="showDatePicker = !showDatePicker" role="button" tabindex="0"><span
class="vertical-middle">Close</span><md-icon md-svg-icon="close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></md-icon></span></div>
</div>
</div>
</div>
<div flex-xs="100" flex-sm="" flex-gt-sm="" class="book-bar-promocode-wrap flex-xs-100 flex-sm flex-gt-sm">
<div class="book-bar-input book-bar-promocode booking-bar-canvas-wrap">
<div class="white-bg shadow pad-4 pad-lr-8 booking-bar-canvas">
<div class="book-bar-label">Promo</div><md-input-container flex-xs="100" flex="" class="no-margin no-pad booking-bar-input-container full-width flex-xs-100 flex"><input
class="booking-bar-input md-subhead bold line-norm ng-pristine ng-untouched ng-valid md-input ng-empty" ng-model="promoCode" aria-label="Promo Code" id="input_21" aria-invalid="false">
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
</div>
</div><input ng-model="promoCode" type="hidden" class="ng-pristine ng-untouched ng-valid ng-empty" aria-invalid="false">
<div flex-xs="100" flex-sm="none" flex-gt-sm="none" class="booking-bar-canvas-wrap booking-bar-rates-wrap text-center flex-xs-100 flex-sm-none flex-gt-sm-none ng-hide"
ng-show="skipLeadRates.indexOf(selectedResortDestination.hotelCode) == -1 && selectedResortDestination.leadRate && selectedResortDestination.leadRate > 0" aria-hidden="true">
<div class="booking-bar-rates uppercase bold white-txt pad-lr-8 pad-t-5 pad-b-5 text-left inline-block">
<div hide-xs="" class="hide-xs">
<div class="booking-bar-rates-from font-10 line-10">From</div>
<div class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</div>
<div class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</div>
</div>
<div hide-gt-xs="" class="text-center hide-gt-xs"><span class="booking-bar-rates-from font-10 line-10">From</span> <span class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</span> <span
class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</span></div>
</div>
</div>
<div flex-xs="100" flex-sm="" flex-gt-sm="" class="booking-bar-canvas-wrap booking-bar-submit-wrap flex-xs-100 flex-sm flex-gt-sm"><button
class="no-radius md-accent md-hue-2 md-raised white-txt no-margin book-bar-button full-width md-button md-ink-ripple" type="button" ng-transclude="" analytics-on="" analytics-event="" analytics-category="check rates"
analytics-label="6/1/23 - 6/3/23" ng-click="postToSearch($event)"><span class="ng-scope">Search</span></button></div>
</form>Text Content
Join / Sign In 1-800-428-1932 Get Rewards Specials Resort Map Destinations Photo Gallery Stories Contact Us Get Rewards Specials Resort Map Destinations Photo Gallery Stories Contact Us Destination location_on Check In Thu, 6/1/23 Check Out Sat, 6/3/23 May JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2023 20132014201520162017201820192020202120222023202420252026202720282029203020312032 SunMonTueWedThuFriSat 3012345678910111213141516171819202122232425262728293031123 June JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2023 20132014201520162017201820192020202120222023202420252026202720282029203020312032 282930311234567891011121314151617181920212223242526272829301 Close Promo From $ USD/Night From $ USD/Night Search ESCAPE THE ORDINARY AND UNLOCK BIG SAVINGS WITH EXTRA HOLIDAYS YOUR NEW FAVORITE DESTINATION IS WAITING TO BE EXPLORED. You deserve an extraordinary getaway! As an Allegiant flyer, unlock 15% savings across 47 popular resorts - all within driving distance from an Allegiant Air terminal. Book online now with travel through September. Plus, when you book with Extra Holidays, you’ll receive a promo code for $15 off your next Allegiant flight. Your summer of adventure is clear for takeoff! See Offer Details below. Select StateSelect State States All States Arizona California Colorado Florida Maryland Massachusetts Missouri Nevada New Hampshire Oklahoma Oregon Pennsylvania South Carolina Tennessee Texas Utah Virginia Washington Select DestinationSelect Destination Destinations All Destinations Afton, Oklahoma Anaheim, California Angels Camp, California Austin, Texas Avon, Colorado Bass Lake, California Branson, Missouri Daytona Beach, Florida Edisto Beach, South Carolina Fairfield Glade, Tennessee Francestown, New Hampshire Hancock, Massachusetts Indio, California Kissimmee, Florida Klamath Falls, Oregon Las Vegas, Nevada Marble Falls, Texas Moab, Utah Napa, California National Harbor, Maryland North Myrtle Beach, South Carolina Oceanside, California Orlando, Florida Palm Springs, California Park City, Utah Phoenix, Arizona Pompano Beach, Florida Port Townsend, Washington Reno, Nevada San Antonio, Texas San Diego, California San Francisco, California Scottsdale, Arizona Sevierville, Tennessee Shawnee on Delaware, Pennsylvania Williamsburg, Virginia Select ResortSelect Resort Resort All Resorts Club Wyndham Austin - Austin, Texas Club Wyndham Bentley Brook - Hancock, Massachusetts Club Wyndham Branson at The Falls - Branson, Missouri Club Wyndham Cypress Palms - Orlando, Florida Club Wyndham Dolphin's Cove - Anaheim, California Club Wyndham Grand Lake - Afton, Oklahoma Club Wyndham Kingsgate - Williamsburg, Virginia Club Wyndham La Cascada - San Antonio, Texas Club Wyndham Mountain Vista - Branson, Missouri Club Wyndham National Harbor - National Harbor, Maryland Club Wyndham Ocean Ridge - Edisto Beach, South Carolina Club Wyndham Ocean Walk - Daytona Beach, Florida Club Wyndham Oceanside Pier Resort - Oceanside, California Club Wyndham Orlando International - Orlando, Florida Club Wyndham Palm-Aire - Pompano Beach, Florida Club Wyndham Park City - Park City, Utah Club Wyndham Patriots’ Place - Williamsburg, Virginia Club Wyndham Resort at Avon - Avon, Colorado Club Wyndham Resort at Fairfield Glade - Fairfield Glade, Tennessee Club Wyndham Santa Barbara - Pompano Beach, Florida Club Wyndham Sea Gardens - Pompano Beach, Florida Club Wyndham Shawnee Village - Shawnee on Delaware, Pennsylvania Club Wyndham Smoky Mountains - Sevierville, Tennessee Club Wyndham Star Island - Kissimmee, Florida Club Wyndham Towers on the Grove - North Myrtle Beach, South Carolina Crotched Mountain Resort - Francestown, New Hampshire Desert Rose Resort - Las Vegas, Nevada Inn at the Opera - San Francisco, California Inn at the Park - San Diego, California Legacy Golf Resort - Phoenix, Arizona Orange Tree Resort - Scottsdale, Arizona Peacock Suites - Anaheim, California The Donatello - San Francisco, California The Moab Resort, WorldMark Associate - Moab, Utah Vino Bello Resort - Napa, California WorldMark Angels Camp - Angels Camp, California WorldMark Bass Lake - Bass Lake, California WorldMark Cathedral City - Palm Springs, California WorldMark Discovery Bay - Port Townsend, Washington WorldMark Indio - Indio, California WorldMark Marble Falls - Marble Falls, Texas WorldMark Palm Springs - Palm Springs, California WorldMark Palm Springs - Plaza Resort and Spa - Palm Springs, California WorldMark Reno - Reno, Nevada WorldMark Reunion - Kissimmee, Florida WorldMark Running Y - Klamath Falls, Oregon WorldMark Scottsdale - Scottsdale, Arizona ListGrid 15% Off VINO BELLO RESORT NAPA, CALIFORNIA | RESORT OVERVIEW Indulge your inner sommelier at this Napa Valley resort overlooking rolling vineyards. A peaceful retreat in the heart of California wine country, Napa Valley. Vino Bello Resort is beautifully decorated in Old World Tuscan décor with many amenities, including two heated swimming pools, two fitness centers and a splash pad playground for kids. Featuring one- and two-bedroom resort suites complete with a full kitchen or kitchenette, washer/dryer, whirlpool tub and spacious living/dining areas. Offer Details book now 15% Off CLUB WYNDHAM ORLANDO INTERNATIONAL ORLANDO, FLORIDA | RESORT OVERVIEW A one of a kind resort for all your Orlando travels. These exceptional two-bedroom resort suites feature private bedrooms, kitchens and living/dining areas, and resort amenities offer everything you need for a fun-filled family getaway or a quiet romantic escape. Whether it's exploring the magic and delight at nearby Universal Orlando Resort® or teeing off at one of Orlando's challenging golf courses, Club Wyndham Orlando International is located in the heart of it all. Offer Details book now 15% Off WORLDMARK INDIO INDIO, CALIFORNIA | RESORT OVERVIEW Expect blue skies and year-round activities at WorldMark Indio in California. The resort counts with spacious one-, two-, and three-bedroom suites with private bedrooms, full kitchens, living and dining areas, washer/dryers, as well as a barbecue grill on the patio. Perfect for you and your loved ones! Some resort amenities include a swimming pool with a winding lazy river, tennis court, game room, a barbecue grilling station and even an on-site spa. Offer Details book now 15% Off CLUB WYNDHAM BENTLEY BROOK HANCOCK, MASSACHUSETTS | RESORT OVERVIEW This premier Berkshires destination resort is located at the base of the ski slopes of Jiminy Peak Mountain Resort. After a day of skiing, snowboarding, hiking and other seasonal activities, return to your spacious one- or two-bedroom resort suite designed for maximum rest and relaxation with kitchens and spacious living/dining areas. The resort's indoor and outdoor pool, three tennis courts, game room, sauna, activities center and picnic area are sure to please with its gorgeous valley view. Offer Details book now 15% Off CLUB WYNDHAM SHAWNEE VILLAGE SHAWNEE ON DELAWARE, PENNSYLVANIA | RESORT OVERVIEW Nestled along the scenic Pocono Mountains in Pennsylvania, Wyndham Vacation Resorts Shawnee Village lets you enjoy all the mountain has to offer. Explore beautiful state parks, charming towns and other locations that celebrate the history and heritage of the region. You'll stay in a spacious two-bedroom resort where you will appreciate the convenience of having separate living/dining areas and a full kitchen. Plus, most suites offer a patio and fireplace for stargazing or cozy nights. Back at the resort, take a dip in the indoor or outdoor swimming pool or relax in the soothing hot tub. Offer Details book now 15% Off CLUB WYNDHAM OCEAN WALK DAYTONA BEACH, FLORIDA | RESORT OVERVIEW You'll have the time of your life at Club Wyndham Ocean Walk, nestled on the shores of one of the only pedestrian beaches in Daytona Beach, Florida. The resort features spacious studio, one-, two-, three-bedroom and penthouse resort suites that comfortably sleep four to ten guests and range from 500 - 1,455 square feet. One-four bedroom suites feature one king or two doubles in the master, one king or two doubles in the guest rooms and a queen sleeper sofa in the living area. You are sure to appreciate the economy of a partial or full kitchen and TVs throughout, while many suites feature a balcony and whirlpool tub. Offer Details book now 15% Off CLUB WYNDHAM RESORT AT FAIRFIELD GLADE FAIRFIELD GLADE, TENNESSEE | RESORT OVERVIEW Surrounded by 11 beautiful lakes, beaches with marinas and five spectacular golf courses, you'll love your stay at Wyndham Resort at Fairfield Glade. Their spacious condo-style studio, one-, and two-bedroom resort suites can comfortably sleep up to six guests in private bedrooms with amenities such as a a full kitchen or kitchenette, washer/dryer, private balcony and a whirlpool tub (in some). This action-packed resort offers its guests access to 14 tennis courts, horseback riding, a game room, day spa, fitness center and three swimming pools. Offer Details book now 15% Off CLUB WYNDHAM AUSTIN AUSTIN, TEXAS | RESORT OVERVIEW Experience Southern hospitality and charm in the heart of Texas. Cool off in a stunning outdoor zero-edge infinity pool or lounge on the rooftop sun deck. After a fun-filled day, drift off in a brand new studio, one- or two-bedroom suite complete with a washer/dryer and private balcony. Private bedrooms and a fully equipped kitchen make it distinct from the average hotel. Be sure to visit the HOPE Outdoor Gallery, an eclectic community paint park and 2nd Street for exceptional shopping and dining experiences. Offer Details book now OFFER DETAILS: Book by June 30, 2023. Travel by September 30, 2023. Enter promo code Alligiant23 at check-out. Two-night minimum length of stay required. Valid for new reservations only. Reservations are subject to availability. Reservations may be limited during certain holidays. Cannot be combined with any other offer. All monetary amounts are noted in U.S. Dollars unless otherwise noted. Insider Extras Offer Details: Purchase is not necessary to join Insider Extras. "Insider Extras" membership is subject to separate Terms and Conditions. Rewards and "Insider Extras" member-only discounts are subject to availability and can change at any time. Must have joined “Insider Extras” before booking or must sign-up during booking to receive rewards and applicable discounts. Rewards will not be retroactively added to accounts. As an “Insider Extras” member you are able to choose three (3) rewards which can be found in your member account page. +1-800-428-1932 Extra Holidays Reservations: 1-800-428-1932 Email Us https://www.extraholidays.com Travel Agent Partners CJ Affiliate Publisher Enrollment Seller of Travel ©2023 Extra Holidays. All Rights Reserved. Subscribe Click here to receive deals and discounts from Extra Holidays. Enter Sweepstakes Extra Holidays HI TAT Broker ID: TA-075-433-7792-01 Hawaii Plan Manager ID Do Not Sell Or Share My Personal Information-Consumers Do Not Sell Or Share My Personal Information-Former Employees (California) About Us FAQ Groups Terms Privacy Notice Traveler's Pledge Covid-19Sitemap Extra Holidays Rewards Specials Resort Map Destinations Photo Gallery Stories Contact Us Contact Us Call Email This site uses cookies to provide essential functionality, to help us understand how people find and use the site, to personalise your experience, and tailor advertising to you. To agree to our recommended settings, click “ACCEPT ALL”. Privacy Notice REJECT ALL ACCEPT ALL Cookies Settings HOTEL HUB TRAVEL PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. SOCIAL MEDIA COOKIES Social Media Cookies These cookies are set by a range of social media services that we have added to the site to enable you to share our content with your friends and networks. They are capable of tracking your browser across other sites and building up a profile of your interests. This may impact the content and messages you see on other websites you visit. If you do not allow these cookies you may not be able to use or see these sharing tools. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices