margaritaville.brewervacations.com
Open in
urlscan Pro
142.251.163.121
Public Scan
URL:
https://margaritaville.brewervacations.com/
Submission: On March 30 via api from US — Scanned from US
Submission: On March 30 via api from US — Scanned from US
Form analysis 3 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 transparent-bg 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" md-min-length="2" md-dropdown-items="20"
ng-model-options="{debounce: 200}" placeholder="Search Resorts and Destinations" 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-1" 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 Resorts and Destinations" aria-owns="ul-1"
aria-label="Search Resorts and Destinations" 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('destinations',{q:search.searchText})" analytics-on="" analytics-category="Header Search Box" analytics-event="Search Icon Click" analytics-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 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="50" flex="noshrink" class="book-bar-select-wrap book-bar-select-wrap-two flex-xs-100 flex-sm-50 flex-noshrink">
<div class="book-bar-select book-bar-resort booking-bar-canvas-wrap">
<div class="white-bg shadow pad-8 booking-bar-canvas">
<div class="book-bar-label ng-binding">Resort</div><md-input-container class="no-margin md-block full-width form-select md-subhead bold no-pad line-norm md-input-has-placeholder" md-no-float=""><md-select placeholder="Select a Resort..."
ng-model="selectedResort" ng-change="updateDestinations(true)" required="" class="max-width overflow ng-pristine ng-untouched md-no-asterisk ng-empty ng-invalid ng-invalid-required" md-no-asterisk="" tabindex="0"
aria-label="{{resorts.length == 1 ? resorts[0].name : (defaultLanguage == 'ja' ? 'リゾートを選択' : 'Select a Resort...')}}" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_131"
aria-owns="select_container_132" aria-required="true" aria-invalid="true"><md-select-value class="md-select-value md-select-placeholder" id="select_value_label_126"><span>Select a Resort...</span><span class="md-select-icon"
aria-hidden="true"></span></md-select-value>
<div class="md-select-menu-container" aria-hidden="true" id="select_container_132"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: destination in destinations track by $index --><md-optgroup
ng-repeat="destination in destinations track by $index" label="Puerto Rico" class="ng-scope" style=""><label class="md-container-ignore ng-binding">Puerto
Rico</label><!-- ngRepeat: resort in destination.resorts track by $index --><md-option ng-repeat="resort in destination.resorts track by $index" ng-value="resort.hotelCode" ng-bind-html="resort.name" tabindex="0"
class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_207" aria-checked="true" value="14887">Margaritaville Vacation Club by Wyndham - Rio
Mar</md-option><!-- end ngRepeat: resort in destination.resorts track by $index --></md-optgroup><!-- end ngRepeat: destination in destinations track by $index --><md-optgroup
ng-repeat="destination in destinations track by $index" label="Tennessee" class="ng-scope"><label class="md-container-ignore ng-binding">Tennessee</label><!-- ngRepeat: resort in destination.resorts track by $index --><md-option
ng-repeat="resort in destination.resorts track by $index" ng-value="resort.hotelCode" ng-bind-html="resort.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_208"
aria-checked="true" value="110573">Margaritaville Vacation Club by Wyndham -
Nashville</md-option><!-- end ngRepeat: resort in destination.resorts track by $index --></md-optgroup><!-- end ngRepeat: destination in destinations track by $index --><md-optgroup
ng-repeat="destination in destinations track by $index" label="U.S. Virgin Islands" class="ng-scope"><label class="md-container-ignore ng-binding">U.S. Virgin
Islands</label><!-- ngRepeat: resort in destination.resorts track by $index --><md-option ng-repeat="resort in destination.resorts track by $index" ng-value="resort.hotelCode" ng-bind-html="resort.name" tabindex="0"
class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_209" aria-checked="true" value="97547">Margaritaville Vacation Club by Wyndham - St.
Thomas</md-option><!-- end ngRepeat: resort in destination.resorts track by $index --></md-optgroup><!-- end ngRepeat: destination in destinations track by $index --></md-content></md-select-menu></div>
</md-select></md-input-container>
</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-align="center center" layout="row">
<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-8 pad-lr-16 booking-bar-canvas">
<div class="book-bar-label ng-binding">Check In</div>
<div layout="column" layout-align="center center" class="layout-align-center-center layout-column">
<div class="date-box-date md-subhead bold line-norm ng-binding">Fri, 3/29/24</div>
</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-8 pad-lr-16 booking-bar-canvas">
<div class="book-bar-label ng-binding">Check Out</div>
<div layout="row" layout-align="center center" class="layout-align-center-center layout-row">
<div class="date-box-date md-subhead bold line-norm ng-binding">Sun, 3/31/24</div>
</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" 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_133" aria-owns="select_container_134"
aria-invalid="false" aria-label="Month: March"><md-select-value class="md-select-value" id="select_value_label_127"><span>March</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_134"><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_142" 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_143" 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="true" id="select_option_144" aria-checked="true" value="2"
selected="selected">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_145" 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_146" 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="false" id="select_option_147" 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_148" 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_149" 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_150" 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_151" 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_152" 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_153" 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_135" aria-owns="select_container_136" aria-invalid="false" aria-label="Year: 2024"><md-select-value class="md-select-value"
id="select_value_label_128"><span>2024</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_136"><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_154" 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_155" 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_156" 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_157" 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_158" 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_159" 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_160" 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_161" 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_162" 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="false" id="select_option_163" aria-checked="true"
value="2023">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="true" id="select_option_164" aria-checked="true" value="2024" selected="selected">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_165" 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_166" 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_167" 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_168" 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_169" 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_170" 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_171" 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_172" aria-checked="true" value="2032">2032</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_173" aria-checked="true"
value="2033">2033</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="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__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="1"><span event-key="date1" event-param="1" 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__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="2"><span event-key="date1" event-param="2" 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__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="3"><span event-key="date1" event-param="3" 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__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="4"><span event-key="date1" event-param="4" 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__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="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="6"><span event-key="date1" event-param="6" 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="7"><span event-key="date1" event-param="7" 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="8"><span event-key="date1" event-param="8" 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="9"><span event-key="date1" event-param="9" 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="10"><span event-key="date1" event-param="10" 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="11"><span event-key="date1" event-param="11" 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="12"><span event-key="date1" event-param="12" 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="13"><span event-key="date1" event-param="13" 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="14"><span event-key="date1" event-param="14" 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="15"><span event-key="date1" event-param="15" 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="16"><span event-key="date1" event-param="16" 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="17"><span event-key="date1" event-param="17" 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="18"><span event-key="date1" event-param="18" 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="19"><span event-key="date1" event-param="19" 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="20"><span event-key="date1" event-param="20" 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="21"><span event-key="date1" event-param="21" 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="22"><span event-key="date1" event-param="22" 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="23"><span event-key="date1" event-param="23" 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="24"><span event-key="date1" event-param="24" 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="25"><span event-key="date1" event-param="25" 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="26"><span event-key="date1" event-param="26" 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="27"><span event-key="date1" event-param="27" 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="28"><span event-key="date1" event-param="28" 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="29"><span event-key="date1" event-param="29" 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="30"><span event-key="date1" event-param="30" 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="31"><span event-key="date1" event-param="31" 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="32"><span event-key="date1" event-param="32" 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__selected md-date-range-picker__calendar__start md-date-range-picker__calendar__today"
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="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__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),'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="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__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),'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="35"><span event-key="date1" event-param="35" 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__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="36"><span event-key="date1" event-param="36" 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__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="37"><span event-key="date1" event-param="37" 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__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="38"><span event-key="date1" event-param="38" 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__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="39"><span event-key="date1" event-param="39" 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__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="40"><span event-key="date1" event-param="40" 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__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="41"><span event-key="date1" event-param="41" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="6">6</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_137" aria-owns="select_container_138"
aria-invalid="false" aria-label="Month: April"><md-select-value class="md-select-value" id="select_value_label_129"><span>April</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_138"><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_174" 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_175" 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_176" 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="true" id="select_option_177" aria-checked="true" value="3"
selected="selected">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_178" 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="false" id="select_option_179" 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_180" 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_181" 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_182" 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_183" 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_184" 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_185" 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_139" aria-owns="select_container_140" aria-invalid="false" aria-label="Year: 2024"><md-select-value
class="md-select-value" id="select_value_label_130"><span>2024</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_140"><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_186" 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_187" 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_188" 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_189" 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_190" 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_191" 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_192" 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_193" 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_194" 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="false" id="select_option_195" aria-checked="true"
value="2023">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="true" id="select_option_196" aria-checked="true" value="2024" selected="selected">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_197" 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_198" 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_199" 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_200" 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_201" 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_202" 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_203" 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_204" aria-checked="true" value="2032">2032</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_205" aria-checked="true"
value="2033">2033</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__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, 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="31">31</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="1"><span event-key="date2" event-param="1" 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"
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="2">2</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="3"><span event-key="date2" event-param="3" 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="4"><span event-key="date2" event-param="4" 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="5"><span event-key="date2" event-param="5" 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="6"><span event-key="date2" event-param="6" 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="7"><span event-key="date2" event-param="7" 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="8"><span event-key="date2" event-param="8" 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="9"><span event-key="date2" event-param="9" 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="10"><span event-key="date2" event-param="10" 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="11"><span event-key="date2" event-param="11" 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="12"><span event-key="date2" event-param="12" 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="13"><span event-key="date2" event-param="13" 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="14"><span event-key="date2" event-param="14" 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="15"><span event-key="date2" event-param="15" 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="16"><span event-key="date2" event-param="16" 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="17"><span event-key="date2" event-param="17" 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="18"><span event-key="date2" event-param="18" 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="19"><span event-key="date2" event-param="19" 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="20"><span event-key="date2" event-param="20" 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="21"><span event-key="date2" event-param="21" 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="22"><span event-key="date2" event-param="22" 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="23"><span event-key="date2" event-param="23" 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="24"><span event-key="date2" event-param="24" 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="25"><span event-key="date2" event-param="25" 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="26"><span event-key="date2" event-param="26" 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="27"><span event-key="date2" event-param="27" 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="28"><span event-key="date2" event-param="28" 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="29"><span event-key="date2" event-param="29" 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="30"><span event-key="date2" event-param="30" 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="31"><span event-key="date2" event-param="31" 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__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="32"><span event-key="date2" event-param="32" 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__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="33"><span event-key="date2" event-param="33" 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 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="4">4</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 ng-binding">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-8 pad-lr-16 booking-bar-canvas">
<div class="book-bar-label ng-binding">Promo Code</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" id="input_141" 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="" 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="3/29/24 - 3/31/24" ng-click="bookNow($event,selectedResort,promoCode)"><span class="ng-binding ng-scope">Search</span></button></div>
</form>POST //translate.googleapis.com/translate_voting?client=te
<form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text"
name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form>Text Content
Let's get you on a vacation: Home Resorts Destinations Specials Photo Gallery Contact Us Home Resorts Destinations Specials Photo Gallery Contact Us Home Resorts Destinations Specials Photo Gallery Contact Us Home Resorts Destinations Specials Photo Gallery Contact Us Resort Select a Resort... Puerto RicoMargaritaville Vacation Club by Wyndham - Rio MarTennesseeMargaritaville Vacation Club by Wyndham - NashvilleU.S. Virgin IslandsMargaritaville Vacation Club by Wyndham - St. Thomas Check In Fri, 3/29/24 Check Out Sun, 3/31/24 March JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2024 20142015201620172018201920202021202220232024202520262027202820292030203120322033 SunMonTueWedThuFriSat 252627282912345678910111213141516171819202122232425262728293031123456 April JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2024 20142015201620172018201920202021202220232024202520262027202820292030203120322033 311234567891011121314151617181920212223242526272829301234 Close Promo Code Search WYNDHAM RESORTS ASIA/PACIFIC EXTRAORDINARY RESORTS IN LEGENDARY DESTINATIONS EXPLORE HOTELS AND RESORTS Your unforgettable retreat awaits. PHOTO GALLERIES View photos of our luxurious resorts and locales. OUR DESTINATIONS PUERTO RICO 1 RESORT Rio Mar (1) chevron_right TENNESSEE 1 RESORT Nashville (1) chevron_right US VIRGIN ISLANDS 1 RESORT St. Thomas (1) chevron_right RESORT LOCATIONS Choose from 3 of the most popular vacation destinations. Explore Resorts Margaritaville Vacation Club by Wyndham Email Us https://margaritaville.brewervacations.com Do Not Sell Or Share My Personal Information-Consumers Do Not Sell Or Share My Personal Information-Former Employees (California) ©2024 Extra Holidays. All Rights Reserved. Terms Privacy Notice Sitemap Select Language English English (UK) Chinese (Simplified) Chinese (Traditional) German Spanish -------------------------------------------------------------------------------- Afrikaans Albanian Amharic Arabic Armenian Azerbaijani Basque Belarusian Bengali Bosnian Bulgarian Catalan Cebuano Chichewa Corsican Croatian Czech Danish Dutch Esperanto Estonian Filipino Finnish French Frisian Galician Georgian Greek Gujarati Haitian Creole Hausa Hawaiian Hebrew Hindi Hmong Hungarian Icelandic Igbo Indonesian Irish Italian Japanese Javanese Kannada Kazakh Khmer Kinyarwanda Korean Kurdish (Kurmanji) Kyrgyz Lao Latin Latvian Lithuanian Luxembourgish Macedonian Malagasy Malay Malayalam Maltese Maori Marathi Mongolian Myanmar (Burmese) Nepali Norwegian Odia (Oriya) Pashto Persian Polish Portuguese Punjabi Romanian Russian Samoan Scots Gaelic Serbian Sesotho Shona Sindhi Sinhala Slovak Slovenian Somali Sundanese Swahili Swedish Tajik Tamil Tatar Telugu Thai Turkish Turkmen Ukrainian Urdu Uyghur Uzbek Vietnamese Welsh Xhosa Yiddish Yoruba Zulu Powered by Translate Original text Rate this translation Your feedback will be used to help improve Google Translate