www.vacationhawaii.com
Open in
urlscan Pro
23.44.111.70
Public Scan
Submitted URL: http://vacationhawaii.com/
Effective URL: https://www.vacationhawaii.com/
Submission Tags: falconsandbox
Submission: On August 14 via api from US — Scanned from US
Effective URL: https://www.vacationhawaii.com/
Submission Tags: falconsandbox
Submission: On August 14 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">
<md-autocomplete class="full-width ng-isolate-scope" ng-enter="" ng-focus="search.showMobileSearchBar = true" ng-blur="search.showMobileSearchBar = false" md-clear-button="true" md-hide-autocomplete-on-enter="true" ng-disabled="search.isDisabled"
md-no-cache="false" md-select-on-match="true" md-match-case-insensitive="true" md-selected-item="search.selectedItem" md-search-text="search.searchText" md-selected-item-change="navItemChange(item);search.showMobileSearchBar = false;"
md-items="item in navSearch(search.searchText) | filter : {city:''}" md-item-text="item.name" id="search-bar-autocomplete" md-min-length="2" md-dropdown-items="20" ng-model-options="{debounce: 300}" placeholder="Search Resorts and Islands"
md-autocomplete-snap="width" md-menu-class="autocomplete-custom-template" md-search-autocomplete-on-enter="" tabindex="-1" aria-disabled="false"> <md-autocomplete-wrap
ng-class="{ 'md-whiteframe-z1': !floatingLabel, 'md-menu-showing': !$mdAutocompleteCtrl.hidden }" class="md-whiteframe-z1"> <!-- ngIf: !floatingLabel --><input type="search" id="input-0" name="" ng-if="!floatingLabel" autocomplete="off"
ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-readonly="$mdAutocompleteCtrl.isReadonly" ng-model="$mdAutocompleteCtrl.scope.searchText" ng-keydown="$mdAutocompleteCtrl.keydown($event)"
ng-blur="$mdAutocompleteCtrl.blur($event)" ng-focus="$mdAutocompleteCtrl.focus($event)" placeholder="Search Resorts and Islands" aria-owns="ul-0" aria-label="Search Resorts and Islands" 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">
<md-icon ng-hide="search.searchText" md-svg-icon="search" class="gray-txt-imp gray-fill-imp white-bg fadereveal flex-none" flex="none" aria-hidden="false"><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="" flex="" layout-align-gt-sm="end end" layout-align-sm="end end"
class="ng-pristine layout-wrap layout-align-sm-end-end layout-align-gt-sm-end-end layout-row flex-xs-100 flex ng-invalid ng-invalid-required">
<div flex-xs="100" flex-sm="35" flex-md="30" flex-gt-md="" class="book-bar-select-wrap book-bar-select-wrap-one flex-xs-100 flex-sm-35 flex-md-30 flex-gt-md" ng-show="destinations.length > 1" aria-hidden="false" style="">
<div class="book-bar-select book-bar-destination booking-bar-canvas-wrap">
<div class="white-bg shadow pad-8 booking-bar-canvas">
<div class="book-bar-label">Island</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 an Island..."
ng-model="selectedDestination" ng-change="updateResorts(true)" class="max-width overflow ng-pristine ng-untouched ng-valid ng-empty" tabindex="0" aria-label="Select an Island..." aria-disabled="false" role="listbox" aria-expanded="false"
aria-multiselectable="false" id="select_22" aria-owns="select_container_23" aria-invalid="false"><md-select-value class="md-select-value md-select-placeholder" id="select_value_label_15"><span>Select an Island...</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_23"><md-select-menu class="_md"><md-content class="_md"><md-optgroup label="Islands"><label class="md-container-ignore">Islands</label><md-option value=""
tabindex="0" md-option-empty="" class="md-ink-ripple" role="option" aria-selected="false" id="select_option_21">
<div class="md-text">All</div>
</md-option><!-- ngRepeat: destination in destinations | orderBy: 'name' track by $index --><md-option ng-repeat="destination in destinations | orderBy: 'name' track by $index" ng-value="destination.slug" tabindex="0"
class="ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_100" aria-checked="true" value="big-island" style="">
<div class="md-text ng-binding">Big Island</div>
</md-option><!-- end ngRepeat: destination in destinations | orderBy: 'name' track by $index --><md-option ng-repeat="destination in destinations | orderBy: 'name' track by $index" ng-value="destination.slug" tabindex="0"
class="ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_101" aria-checked="true" value="kauai" style="">
<div class="md-text ng-binding">Kaua'i</div>
</md-option><!-- end ngRepeat: destination in destinations | orderBy: 'name' track by $index --><md-option ng-repeat="destination in destinations | orderBy: 'name' track by $index" ng-value="destination.slug" tabindex="0"
class="ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_102" aria-checked="true" value="oahu" style="">
<div class="md-text ng-binding">O'ahu</div>
</md-option><!-- end ngRepeat: destination in destinations | orderBy: 'name' track by $index --></md-optgroup></md-content></md-select-menu></div>
</md-select></md-input-container>
</div>
</div>
</div>
<div flex-xs="100" flex-sm="65" flex-md="70" flex-gt-md="" flex="" class="book-bar-select-wrap book-bar-select-wrap-two flex-xs-100 flex-sm-65 flex-md-70 flex-gt-md flex">
<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">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="Select a Resort..." aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_24" aria-owns="select_container_25" aria-required="true" aria-invalid="true"><md-select-value
class="md-select-value md-select-placeholder" id="select_value_label_16"><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_25"><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="Big Island" class="ng-scope" style=""><label class="md-container-ignore ng-binding">Big
Island</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_103" aria-checked="true" value="4158">Club Wyndham Kona Hawaiian
Resort</md-option><!-- end 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_104" aria-checked="true" value="3556">Club Wyndham Mauna Loa
Village</md-option><!-- end 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_105" aria-checked="true" value="3558">Club Wyndham Royal Sea
Cliff</md-option><!-- end 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_106" aria-checked="true" value="95811">Paniolo
Greens</md-option><!-- end 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_107" aria-checked="true" value="95810">Shell Vacations Club Holua Resort at the Mauna Loa
Village</md-option><!-- end 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_108" aria-checked="true" value="95804">Shell Vacations Club Kona Coast
Resort</md-option><!-- end 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_109" aria-checked="true" value="103721">WorldMark
Kona</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="Kaua'i" class="ng-scope"><label class="md-container-ignore ng-binding">Kaua'i</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_110"
aria-checked="true" value="6926">Club Wyndham Bali Hai Villas</md-option><!-- end 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_111" aria-checked="true" value="75987">Club Wyndham Ka Eo
Kai</md-option><!-- end 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_112" aria-checked="true" value="75989">Club Wyndham
Shearwater</md-option><!-- end 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_113" aria-checked="true" value="95140">Kauai Beach
Villas</md-option><!-- end 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_114" aria-checked="true" value="95802">Shell Vacations Club Kauai Coast Resort at the
Beachboy</md-option><!-- end 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_115" aria-checked="true" value="103710">WorldMark Kapaa
Shore</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="O'ahu" class="ng-scope"><label class="md-container-ignore ng-binding">O'ahu</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_116"
aria-checked="true" value="6941">Club Wyndham at Waikiki Beach Walk®</md-option><!-- end 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_117" aria-checked="true" value="15349">Club Wyndham Royal Garden
at Waikiki</md-option><!-- end 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_118" aria-checked="true" value="95815">Shell Vacations Club Waikiki Marina Resort at the
Ilikai</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="noshrink" flex-md="noshrink" flex-gt-md="none" class="book-bar-dates-wrap flex-xs-100 flex-sm-noshrink flex-md-noshrink flex-gt-md-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-gt-xs-noshrink" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-gt-xs="noshrink" role="button" tabindex="0">
<div class="white-bg shadow pad-8 pad-lr-16 booking-bar-canvas">
<div class="book-bar-label">Check In</div>
<div layout="column" layout-align="center start" class="layout-align-center-start layout-column">
<div class="date-box-date md-subhead bold line-norm ng-binding">Fri, 8/16/24</div>
</div>
</div>
</div>
<div class="date-box-div date-box-checkout flex-xs-50 flex-gt-xs-noshrink" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-gt-xs="noshrink" role="button" tabindex="0">
<div class="white-bg shadow pad-8 pad-lr-16 booking-bar-canvas">
<div class="book-bar-label">Check Out</div>
<div layout="column" layout-align="center start" class="layout-align-center-start layout-column">
<div class="date-box-date md-subhead bold line-norm ng-binding">Sun, 8/18/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_26" aria-owns="select_container_27"
aria-invalid="false" aria-label="Month: August"><md-select-value class="md-select-value" id="select_value_label_17"><span>August</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_27"><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_35" 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_36" 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_37" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_38" 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_39" 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_40" 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_41" 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="true" id="select_option_42" aria-checked="true" value="7" selected="selected">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_43" 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_44" 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_45" 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_46" 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_28" aria-owns="select_container_29" aria-invalid="false" aria-label="Year: 2024"><md-select-value class="md-select-value"
id="select_value_label_18"><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_29"><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_47" 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_48" 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_49" 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_50" 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_51" 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_52" 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_53" 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_54" 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_55" 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_56" 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_57" 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_58" 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_59" 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_60" 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_61" 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_62" 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_63" 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_64" 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_65" 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_66" 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="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="1"><span event-key="date1" event-param="1" 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__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="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__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="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__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="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="5"><span event-key="date1" event-param="5" 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="6"><span event-key="date1" event-param="6" 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="7"><span event-key="date1" event-param="7" 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="8"><span event-key="date1" event-param="8" 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="9"><span event-key="date1" event-param="9" 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="10"><span event-key="date1" event-param="10" 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="11"><span event-key="date1" event-param="11" 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="12"><span event-key="date1" event-param="12" 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="13"><span event-key="date1" event-param="13" 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="14"><span event-key="date1" event-param="14" 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="15"><span event-key="date1" event-param="15" 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="16"><span event-key="date1" event-param="16" 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__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="17"><span event-key="date1" event-param="17" 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"
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="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__selected md-date-range-picker__calendar__start"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'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="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__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="20"><span event-key="date1" event-param="20" 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__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="21"><span event-key="date1" event-param="21" 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"
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="19">19</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="23"><span event-key="date1" event-param="23" 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"
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="21">21</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="25"><span event-key="date1" event-param="25" 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"
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="23">23</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="27"><span event-key="date1" event-param="27" 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"
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="25">25</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="29"><span event-key="date1" event-param="29" 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"
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="27">27</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="31"><span event-key="date1" event-param="31" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="28">28</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="32"><span event-key="date1" event-param="32" 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"
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="30">30</span></span><!-- end ngRepeat: date in dates --><span
ng-repeat="date in dates" class="md-date-range-picker__calendar__grid ng-scope"
ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
event-key="date1" event-param="34"><span event-key="date1" event-param="34" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="31">31</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_30" aria-owns="select_container_31"
aria-invalid="false" aria-label="Month: September"><md-select-value class="md-select-value" id="select_value_label_19"><span>September</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_31"><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_67" 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_68" 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_69" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_70" 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_71" 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_72" 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_73" 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_74" 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="true" id="select_option_75" aria-checked="true" value="8"
selected="selected">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_76" 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_77" 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_78" 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_32" aria-owns="select_container_33" aria-invalid="false" aria-label="Year: 2024"><md-select-value
class="md-select-value" id="select_value_label_20"><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_33"><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_79" 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_80" 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_81" 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_82" 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_83" 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_84" 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_85" 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_86" 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_87" 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_88" 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_89" 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_90" 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_91" 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_92" 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_93" 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_94" 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_95" 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_96" 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_97" 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_98" 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"
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="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="1"><span event-key="date2" event-param="1" 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="2"><span event-key="date2" event-param="2" 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="3"><span event-key="date2" event-param="3" 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="4"><span event-key="date2" event-param="4" 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="5"><span event-key="date2" event-param="5" 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="6"><span event-key="date2" event-param="6" 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="7"><span event-key="date2" event-param="7" 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="8"><span event-key="date2" event-param="8" 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="9"><span event-key="date2" event-param="9" 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="10"><span event-key="date2" event-param="10" 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="11"><span event-key="date2" event-param="11" 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="12"><span event-key="date2" event-param="12" 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="13"><span event-key="date2" event-param="13" 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="14"><span event-key="date2" event-param="14" 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="15"><span event-key="date2" event-param="15" 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="16"><span event-key="date2" event-param="16" 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="17"><span event-key="date2" event-param="17" 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="18"><span event-key="date2" event-param="18" 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="19"><span event-key="date2" event-param="19" 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="20"><span event-key="date2" event-param="20" 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="21"><span event-key="date2" event-param="21" 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="22"><span event-key="date2" event-param="22" 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="23"><span event-key="date2" event-param="23" 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="24"><span event-key="date2" event-param="24" 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="25"><span event-key="date2" event-param="25" 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="26"><span event-key="date2" event-param="26" 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="27"><span event-key="date2" event-param="27" 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="28"><span event-key="date2" event-param="28" 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="29"><span event-key="date2" event-param="29" 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="30"><span event-key="date2" event-param="30" 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="31"><span event-key="date2" event-param="31" 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="32"><span event-key="date2" event-param="32" 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="33"><span event-key="date2" event-param="33" 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 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="5">5</span></span><!-- end ngRepeat: date in dates2 --></div>
</div>
</div><!-- ngIf: showTemplate -->
</div>
</div>
</md-date-range-picker>
<div class="date-rangepicker-footer text-center pad-4 md-whiteframe-z1"><span class="md-button no-margin gray-txt full-width" ng-click="showDatePicker = !showDatePicker" role="button" tabindex="0"><span
class="vertical-middle">Close</span><md-icon md-svg-icon="close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg></md-icon></span></div>
</div>
</div>
</div>
<div flex-xs="100" flex-sm="" flex-gt-sm="" hide-xs="" class="book-bar-promocode-wrap hide-xs 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 booking-bar-canvas">
<div class="book-bar-label">Promo</div><md-input-container flex-xs="100" flex="" class="no-margin no-pad booking-bar-input-container flex-xs-100 flex"><input
class="booking-bar-input md-subhead bold line-norm ng-pristine ng-untouched ng-valid md-input ng-empty" ng-model="promoCode" aria-label="Promo Code" id="input_34" aria-invalid="false">
<div class="md-errors-spacer"></div>
</md-input-container>
</div>
</div>
</div><input ng-model="promoCode" type="hidden" class="ng-pristine ng-untouched ng-valid ng-empty" aria-invalid="false">
<div flex-xs="100" flex-sm="none" flex-gt-sm="none" class="booking-bar-canvas-wrap booking-bar-rates-wrap text-center flex-xs-100 flex-sm-none flex-gt-sm-none ng-hide"
ng-show="selectedResortDestination.leadRate && selectedResortDestination.leadRate > 0" aria-hidden="true">
<div class="booking-bar-rates uppercase bold white-txt pad-lr-8 text-left inline-block">
<div hide-xs="" class="hide-xs">
<div class="booking-bar-rates-from font-10 line-10">From</div>
<div class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</div>
<div class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</div>
</div>
<div hide-gt-xs="" class="text-center hide-gt-xs"><span class="booking-bar-rates-from font-10 line-10">From</span> <span class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</span> <span
class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</span></div>
</div>
</div>
<div flex-xs="100" flex-sm="" class="booking-bar-canvas-wrap booking-bar-submit-wrap layout-row flex-xs-100 flex-sm" layout="row"><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="8/16/24 - 8/18/24" ng-click="bookNow($event, selectedResort, selectedRate)"><span class="ng-scope">Check Rates</span></button></div>
</form><form class="leaflet-control-layers-list">
<div class="leaflet-control-layers-base"><label><input type="radio" class="leaflet-control-layers-selector" name="leaflet-base-layers" checked="checked"><span> Our Properties</span></label></div>
<div class="leaflet-control-layers-separator"></div>
<div class="leaflet-control-layers-overlays"><label><input type="checkbox" class="leaflet-control-layers-selector" checked=""><span> All Locations</span></label></div>
</form>Text Content
Experience the Hawaiian Islands: 855-421-4785855-421-4785 Home Locations Islands Offers Photo Gallery Contact Us Home Locations Islands Offers Photo Gallery Contact Us Home Locations Islands Offers Photo Gallery Groups & Meetings Stories Contact Us Home Locations Islands Offers Photo Gallery Groups & Meetings Stories Contact Us Island Select an Island... Islands All Big Island Kaua'i O'ahu Resort Select a Resort... Big IslandClub Wyndham Kona Hawaiian ResortClub Wyndham Mauna Loa VillageClub Wyndham Royal Sea CliffPaniolo GreensShell Vacations Club Holua Resort at the Mauna Loa VillageShell Vacations Club Kona Coast ResortWorldMark KonaKaua'iClub Wyndham Bali Hai VillasClub Wyndham Ka Eo KaiClub Wyndham ShearwaterKauai Beach VillasShell Vacations Club Kauai Coast Resort at the BeachboyWorldMark Kapaa ShoreO'ahuClub Wyndham at Waikiki Beach Walk®Club Wyndham Royal Garden at WaikikiShell Vacations Club Waikiki Marina Resort at the Ilikai Check In Fri, 8/16/24 Check Out Sun, 8/18/24 August JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2024 20142015201620172018201920202021202220232024202520262027202820292030203120322033 SunMonTueWedThuFriSat 2829303112345678910111213141516171819202122232425262728293031 September JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 2024 20142015201620172018201920202021202220232024202520262027202820292030203120322033 12345678910111213141516171819202122232425262728293012345 Close Promo From $ USD/Night From $ USD/Night Check Rates Extended Stays Learn More Extended Stays Learn More Extended Stays Learn More Join now and get instant rewards with Insider Extras!Join Now Save in top vacation destinations for spring break, summer and more!See Destinations FIND THE BEST HAWAII VACATIONS FOR ANY KIND OF TRAVELER. Discover Hawaiian Paradise with Extra Holidays! Explore the wonders of Hawaii across three unique islands: O’ahu, Big Island, and Kaua’i. Our spacious suites and extensive amenities cater to every taste and budget, from breathtaking landscapes to awe-inspiring volcanoes. Check here for exclusive offers & specials, and E komo mai (welcome) to your Hawaiian getaway! DISCOVER RESORTS Your unforgettable island retreat awaits. PHOTO GALLERIES See the breathtaking beauty of our locales. EXPERIENCE THE BEST OF THE HAWAIIAN ISLANDS BIG ISLAND KAUA'I O'AHU RESORT LOCATIONS Choose from seventeen beautiful resorts spread across three of the most popular Islands of Hawaii. Explore Resorts 6 6 3 +- Our Properties All Locations (855) 421-4785 Vacation Hawaii by Extra Holidays Contact: (855) 421-4785 Contact Us Seller of Travel Hawaii TAT Broker ID #: TA-075-433-7792-01 Hawaii Plan Manager ID Seller of Travel 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. Subscribe Click here to receive insider deals and discounts from Extra Holidays. Enter Sweepstakes Explore Vacation Hawaii Hawaiian Islands Our Resorts Vacation Offers Resort Photos Terms Privacy Notice Cookie Settings Sitemap This site uses cookies to provide essential functionality, to help us understand how people find and use the site, to personalize your experience, and tailor advertising to you. To agree to our recommended settings, click “ACCEPT ALL”. Privacy NoticeTerms REJECT ALL ACCEPT ALL Cookie Settings PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. SOCIAL MEDIA COOKIES Social Media Cookies These cookies are set by a range of social media services that we have added to the site to enable you to share our content with your friends and networks. They are capable of tracking your browser across other sites and building up a profile of your interests. This may impact the content and messages you see on other websites you visit. If you do not allow these cookies you may not be able to use or see these sharing tools. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices