www.extraholidays.com Open in urlscan Pro
95.101.111.17  Public Scan

Form analysis
2 forms found in the DOM

<form ng-submit="$event.preventDefault()" id="header-search-form" flex-xs="" flex-sm="" flex-gt-sm="none" class="pad-tb-4 relative ng-pristine flex-xs flex-sm flex-gt-sm-none ng-valid ng-valid-required" spellcheck="false">
  <md-autocomplete class="full-width ng-isolate-scope" ng-enter="" ng-focus="search.showMobileSearchBar = true" ng-blur="search.showMobileSearchBar = false" md-clear-button="true" md-hide-autocomplete-on-enter="true" ng-disabled="search.isDisabled"
    md-no-cache="false" md-select-on-match="true" md-match-case-insensitive="true" md-selected-item="search.selectedItem" md-search-text="search.searchText" md-selected-item-change="navItemChange(item);search.showMobileSearchBar = false;"
    md-items="item in navSearch(search.searchText)" md-item-text="item.name" id="search-bar-autocomplete" name="top-nav-search" md-min-length="2" md-dropdown-items="20" ng-model-options="{debounce: 200}"
    input-aria-label="Type to Search Resorts and Destinations" placeholder="Search" md-autocomplete-snap="width" md-menu-class="autocomplete-custom-template" md-search-autocomplete-on-enter="" tabindex="-1" aria-disabled="false">
    <md-autocomplete-wrap ng-class="{ 'md-whiteframe-z1': !floatingLabel, 'md-menu-showing': !$mdAutocompleteCtrl.hidden }" class="md-whiteframe-z1"> <!-- ngIf: !floatingLabel --><input type="search" id="input-0" name="" ng-if="!floatingLabel"
        autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-readonly="$mdAutocompleteCtrl.isReadonly" ng-model="$mdAutocompleteCtrl.scope.searchText"
        ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur($event)" ng-focus="$mdAutocompleteCtrl.focus($event)" placeholder="Search" aria-owns="ul-0" aria-label="Search" aria-autocomplete="list" role="combobox"
        aria-haspopup="true" aria-activedescendant="" aria-expanded="false" class="ng-pristine ng-untouched ng-scope ng-empty ng-valid ng-valid-required" aria-invalid="false"><!-- end ngIf: !floatingLabel -->
      <!-- ngIf: $mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled --> <!-- ngIf: $mdAutocompleteCtrl.loadingIsVisible() --> </md-autocomplete-wrap> <aria-status class="md-visually-hidden" role="status" aria-live="assertive">
      <!-- ngRepeat: message in $mdAutocompleteCtrl.messages track by $index --> </aria-status></md-autocomplete>
  <div class="search-icon pad-8 absolute top-edge right-edge" ng-click="go('search',{q:search.searchText})" analytics-on="" analytics-category="Header Search Box" analytics-event="Search Icon Click" analytics-label="" aria-label="Search Icon"
    role="button" tabindex="0">
    <md-icon md-svg-icon="search" class="gray-txt-imp gray-fill-imp white-bg fadereveal flex-none" flex="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fit=""
        preserveAspectRatio="xMidYMid meet" focusable="false">
        <path
          d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z">
        </path>
      </svg></md-icon>
  </div>
</form>

<form
  ng-init="skipLeadRates = ['115043']; singleDayReservationResorts = ['112182','112161','96971','112185','113615','112408','112158','112146','112150','112152','112160','112154','112156','112142','112184','112404','112410','112406','110166','110165','112200','112198','112396','112194','112192','112148','112402','110249']"
  layout="row" flex-xs="100" layout-wrap="" class="pad-lr-4 ng-pristine layout-wrap layout-align-gt-sm-end-end layout-row flex-xs-100 flex ng-invalid ng-invalid-required" flex="" layout-align-gt-sm="end end" autocomplete="false" spellcheck="false">
  <div flex-xs="100" flex-sm="100" flex-gt-sm="noshrink" class="book-bar-select-wrap book-bar-select-wrap-one relative flex-xs-100 flex-sm-100 flex-gt-sm-noshrink">
    <div class="book-bar-select book-bar-destination booking-bar-canvas-wrap">
      <div class="white-bg shadow pad-4 pad-lr-8 booking-bar-canvas">
        <div class="book-bar-label">Destination</div>
        <div class="relative layout-row" layout="row">
          <div class="book-bar-select-icon pad-4"><md-icon class="material-icons white-bg notranslate flex-none" flex="none">location_on</md-icon></div>
          <div flex="" class="flex"><md-autocomplete spellcheck="false" autocorrect="off" ng-required="isResortMode" md-select-on-focus="true" md-select-on-match="true" md-require-match="true" md-autoselect="true" md-min-length="2"
              md-hide-autocomplete-on-enter="true" md-match-case-insensitive="true" md-selected-item="selectedResortDestination" md-search-text="search.searchText" md-selected-item-change="resortDestinationSelect(item);"
              md-items="item in resortDestinationSearch(search.searchText)" md-item-text="item.name" md-dropdown-items="12" md-delay="300" md-autocomplete-snap="width" md-menu-class="autocomplete-custom-template"
              input-aria-label="Type to Search Resorts and Destinations" placeholder="Resort or destination name..." class="destination-input full-width ng-isolate-scope" tabindex="-1" aria-required="true" required="required"> <md-autocomplete-wrap
                ng-class="{ 'md-whiteframe-z1': !floatingLabel, 'md-menu-showing': !$mdAutocompleteCtrl.hidden }" class="md-whiteframe-z1"> <!-- ngIf: !floatingLabel --><input type="search" id="input-12" name="" ng-if="!floatingLabel"
                  autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-readonly="$mdAutocompleteCtrl.isReadonly" ng-model="$mdAutocompleteCtrl.scope.searchText"
                  ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur($event)" ng-focus="$mdAutocompleteCtrl.focus($event)" placeholder="Resort or destination name..." aria-owns="ul-12" md-select-on-focus=""
                  aria-label="Resort or destination name..." aria-autocomplete="list" role="combobox" aria-haspopup="true" aria-activedescendant="" aria-expanded="false"
                  class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required" required="required" aria-invalid="true"><!-- end ngIf: !floatingLabel -->
                <!-- ngIf: $mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled --> <!-- ngIf: $mdAutocompleteCtrl.loadingIsVisible() --> </md-autocomplete-wrap> <aria-status class="md-visually-hidden" role="status"
                aria-live="assertive"> <!-- ngRepeat: message in $mdAutocompleteCtrl.messages track by $index --> </aria-status></md-autocomplete></div>
        </div>
      </div>
    </div>
  </div>
  <div flex-xs="100" flex-sm="50" flex-gt-sm="none" class="book-bar-dates-wrap flex-xs-100 flex-sm-50 flex-gt-sm-none">
    <div class="booking-bar-canvas-wrap relative layout-align-center-center layout-row" layout="row" layout-align="center center">
      <div class="date-box-div date-box-checkin flex-xs-50 flex-sm-50 flex-gt-sm-none" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-sm="50" flex-gt-sm="none" role="button" tabindex="0">
        <div class="white-bg shadow pad-4 pad-lr-16 full-height border-box booking-bar-canvas">
          <div class="book-bar-label">Check In</div>
          <div class="date-box-date md-subhead bold line-norm ng-binding">Wed, 6/14/23</div>
        </div>
      </div>
      <div class="date-box-div date-box-checkout flex-xs-50 flex-sm-50 flex-gt-sm-none" ng-click="showDatePicker = !showDatePicker" flex-xs="50" flex-sm="50" flex-gt-sm="none" role="button" tabindex="0">
        <div class="white-bg shadow pad-4 pad-lr-16 full-height border-box booking-bar-canvas">
          <div class="book-bar-label">Check Out</div>
          <div class="date-box-date md-subhead bold line-norm ng-binding">Fri, 6/16/23</div>
        </div>
      </div>
      <div ng-show="showDatePicker" class="date-rangepicker-wrap absolute text-center center-x ng-hide" aria-hidden="true"><md-date-range-picker first-day-of-week="0" selected-template="'TD'" selected-template-name="'Today'" date-start="checkinDate"
          date-end="checkoutDate" auto-confirm="true" is-disabled-date="isDisabledDate($date)" one-panel="true"
          min-range="(selectedResortDestination.hotelCode &amp;&amp; singleDayReservationResorts.indexOf(selectedResortDestination.hotelCode) > -1) ? 1 : 2" class="ng-isolate-scope">
          <div class="md-date-range-picker md-whiteframe-1dp md-date-range-picker__one-panel" ng-class="{'md-date-range-picker__one-panel':onePanel}">
            <div layout="column" class="layout-column">
              <div layout="row" layout-margin="" class="layout-margin layout-row">
                <div class="md-date-range-picker__calendar-wrapper">
                  <div class="md-date-range-picker__month-year layout-align-center-center layout-row" layout="row" layout-align="center center">
                    <div flex="" layout="column" layout-align="center center" class="layout-align-center-center layout-column flex"><span aria-label="Previous Month" class="md-button md-icon-button" event-key="prev"><md-icon
                          md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
                          aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                            <g>
                              <polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
                            </g>
                          </svg></md-icon></span></div><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate()" ng-model="activeMonth" placeholder="Month"
                      class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_13" aria-owns="select_container_14"
                      aria-invalid="false" aria-label="Month: June"><md-select-value class="md-select-value" id="select_value_label_8"><span>June</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
                      <div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_14"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: month in months --><md-option
                              ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_22" aria-checked="false"
                              value="0">January</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_23" aria-checked="true" value="1">February</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_24" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
                              ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_25" aria-checked="true"
                              value="3">April</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_26" aria-checked="true" value="4">May</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="true" id="select_option_27" aria-checked="true" value="5"
                              selected="selected">June</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
                              role="option" aria-selected="false" id="select_option_28" aria-checked="true" value="6">July</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
                              ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_29" aria-checked="true"
                              value="7">August</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_30" aria-checked="true" value="8">September</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_31" aria-checked="true" value="9">October</md-option><!-- end ngRepeat: month in months --><md-option
                              ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_32" aria-checked="true"
                              value="10">November</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
                              role="option" aria-selected="false" id="select_option_33" aria-checked="true" value="11">December</md-option><!-- end ngRepeat: month in months --></md-content></md-select-menu></div>
                    </md-select><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate()" ng-model="activeYear" placeholder="Year" class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0"
                      aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_15" aria-owns="select_container_16" aria-invalid="false" aria-label="Year: 2023"><md-select-value class="md-select-value"
                        id="select_value_label_9"><span>2023</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
                      <div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_16"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: year in years --><md-option ng-value="::year.id"
                              ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_34" aria-checked="true"
                              value="2013">2013</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_35" aria-checked="true" value="2014">2014</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_36" aria-checked="true" value="2015">2015</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_37" aria-checked="true"
                              value="2016">2016</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_38" aria-checked="true" value="2017">2017</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_39" aria-checked="true" value="2018">2018</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_40" aria-checked="true"
                              value="2019">2019</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_41" aria-checked="true" value="2020">2020</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_42" aria-checked="true" value="2021">2021</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_43" aria-checked="true"
                              value="2022">2022</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="true" id="select_option_44" aria-checked="true" value="2023" selected="selected">2023</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years"
                              ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_45" aria-checked="true"
                              value="2024">2024</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_46" aria-checked="true" value="2025">2025</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_47" aria-checked="true" value="2026">2026</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_48" aria-checked="true"
                              value="2027">2027</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_49" aria-checked="true" value="2028">2028</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_50" aria-checked="true" value="2029">2029</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_51" aria-checked="true"
                              value="2030">2030</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_52" aria-checked="true" value="2031">2031</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_53" aria-checked="true"
                              value="2032">2032</md-option><!-- end ngRepeat: year in years --></md-content></md-select-menu></div>
                    </md-select>
                    <div flex="" layout="column" layout-align="center center" class="hide-gt-sm show-sm show-xs layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button" event-key="next"><md-icon
                          style="transform: rotate(-180deg)"
                          md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
                          aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                            <g>
                              <polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
                            </g>
                          </svg></md-icon></span></div><!-- ngIf: onePanel -->
                    <div flex="" ng-if="onePanel" layout="column" layout-align="center center" class="hide-sm hide-xs show-gt-sm ng-scope layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button"
                        event-key="next"><md-icon style="transform: rotate(-180deg)"
                          md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
                          aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                            <g>
                              <polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
                            </g>
                          </svg></md-icon></span></div><!-- end ngIf: onePanel --><!-- ngIf: !onePanel -->
                  </div>
                  <div class="md-date-range-picker__week" style="font-size: 0"><!-- ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
                      ng-repeat="day in days">Sun</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Mon</span><!-- end ngRepeat: day in days --><span
                      class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Tue</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
                      ng-repeat="day in days">Wed</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Thu</span><!-- end ngRepeat: day in days --><span
                      class="md-date-range-picker__calendar__grid ng-binding ng-scope" ng-repeat="day in days">Fri</span><!-- end ngRepeat: day in days --><span class="md-date-range-picker__calendar__grid ng-binding ng-scope"
                      ng-repeat="day in days">Sat</span><!-- end ngRepeat: day in days --></div>
                  <div class="md-date-range-picker__calendar"><!-- ngRepeat: date in dates --><span ng-repeat="date in dates"
                      class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month md-date-range-picker__calendar__disabled"
                      ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
                      event-key="date1" event-param="0"><span event-key="date1" event-param="0" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="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__today md-date-range-picker__calendar__disabled"
                      ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
                      event-key="date1" event-param="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"
                      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__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="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 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="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__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="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"
                      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"
                      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 md-date-range-picker__calendar__not-in-active-month"
                      ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date),'md-date-range-picker__calendar__start':isSelectedStartDate(date),'md-date-range-picker__calendar__end':isSelectedEndDate(date),'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date),'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date})}"
                      event-key="date1" event-param="34"><span event-key="date1" event-param="34" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="1">1</span></span><!-- end ngRepeat: date in dates --></div>
                </div>
                <div ng-show="!onePanel" class="md-date-range-picker__calendar-wrapper hide-sm hide-xs show-gt-sm ng-hide" aria-hidden="true">
                  <div class="md-date-range-picker__month-year layout-align-center-center layout-row" layout="row" layout-align="center center">
                    <div flex="" layout="column" layout-align="center center" style="visibility: hidden" class="layout-align-center-center layout-column flex"><span aria-label="Previous Month" class="md-button md-icon-button"
                        event-key="prev"><md-icon
                          md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
                          aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                            <g>
                              <polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
                            </g>
                          </svg></md-icon></span></div><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate(true)" ng-model="activeMonth2" placeholder="Month"
                      class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty" tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_17" aria-owns="select_container_18"
                      aria-invalid="false" aria-label="Month: July"><md-select-value class="md-select-value" id="select_value_label_10"><span>July</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
                      <div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_18"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: month in months --><md-option
                              ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_54" aria-checked="false"
                              value="0">January</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_55" aria-checked="true" value="1">February</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_56" aria-checked="true" value="2">March</md-option><!-- end ngRepeat: month in months --><md-option
                              ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_57" aria-checked="true"
                              value="3">April</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_58" aria-checked="true" value="4">May</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_59" 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="true" id="select_option_60" aria-checked="true" value="6"
                              selected="selected">July</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
                              role="option" aria-selected="false" id="select_option_61" aria-checked="true" value="7">August</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
                              ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_62" aria-checked="true"
                              value="8">September</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
                              role="option" aria-selected="false" id="select_option_63" aria-checked="true" value="9">October</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months"
                              ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_64" aria-checked="true"
                              value="10">November</md-option><!-- end ngRepeat: month in months --><md-option ng-value="::month.id" ng-repeat="month in months" ng-bind="::month.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple"
                              role="option" aria-selected="false" id="select_option_65" aria-checked="true" value="11">December</md-option><!-- end ngRepeat: month in months --></md-content></md-select-menu></div>
                    </md-select><md-select md-container-class="md-date-range-picker__select" md-on-close="updateActiveDate(true)" ng-model="activeYear2" placeholder="Year" class="md-no-underline ng-pristine ng-untouched ng-valid ng-empty"
                      tabindex="0" aria-disabled="false" role="listbox" aria-expanded="false" aria-multiselectable="false" id="select_19" aria-owns="select_container_20" aria-invalid="false" aria-label="Year: 2023"><md-select-value
                        class="md-select-value" id="select_value_label_11"><span>2023</span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>
                      <div class="md-select-menu-container md-date-range-picker__select" aria-hidden="true" id="select_container_20"><md-select-menu class="_md"><md-content class="_md"><!-- ngRepeat: year in years --><md-option ng-value="::year.id"
                              ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_66" aria-checked="true"
                              value="2013">2013</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_67" aria-checked="true" value="2014">2014</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_68" aria-checked="true" value="2015">2015</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_69" aria-checked="true"
                              value="2016">2016</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_70" aria-checked="true" value="2017">2017</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_71" aria-checked="true" value="2018">2018</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_72" aria-checked="true"
                              value="2019">2019</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_73" aria-checked="true" value="2020">2020</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_74" aria-checked="true" value="2021">2021</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_75" aria-checked="true"
                              value="2022">2022</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="true" id="select_option_76" aria-checked="true" value="2023" selected="selected">2023</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years"
                              ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_77" aria-checked="true"
                              value="2024">2024</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_78" aria-checked="true" value="2025">2025</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_79" aria-checked="true" value="2026">2026</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_80" aria-checked="true"
                              value="2027">2027</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_81" aria-checked="true" value="2028">2028</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_82" aria-checked="true" value="2029">2029</md-option><!-- end ngRepeat: year in years --><md-option
                              ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_83" aria-checked="true"
                              value="2030">2030</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name" tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option"
                              aria-selected="false" id="select_option_84" aria-checked="true" value="2031">2031</md-option><!-- end ngRepeat: year in years --><md-option ng-value="::year.id" ng-repeat="year in years" ng-bind="::year.name"
                              tabindex="0" class="ng-binding ng-scope md-ink-ripple" role="option" aria-selected="false" id="select_option_85" aria-checked="true"
                              value="2032">2032</md-option><!-- end ngRepeat: year in years --></md-content></md-select-menu></div>
                    </md-select>
                    <div flex="" layout="column" layout-align="center center" class="layout-align-center-center layout-column flex"><span aria-label="Next Month" class="md-icon-button md-button" event-key="next"><md-icon
                          style="transform: rotate(-180deg)"
                          md-svg-src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyICIvPjwvZz48L3N2Zz4="
                          aria-hidden="true"><svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                            <g>
                              <polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "></polygon>
                            </g>
                          </svg></md-icon></span></div>
                  </div><!-- ngIf: !onePanel -->
                  <div class="md-date-range-picker__calendar"><!-- ngRepeat: date in dates2 --><span ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month"
                      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="25">25</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="1"><span event-key="date2" event-param="1" 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 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="2"><span event-key="date2" event-param="2" 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 md-date-range-picker__calendar__not-in-active-month"
                      ng-class="{'md-date-range-picker__calendar__selected':inSelectedDateRange(date), 'md-date-range-picker__calendar__start':isSelectedStartDate(date), 'md-date-range-picker__calendar__end':isSelectedEndDate(date), 'md-date-range-picker__calendar__not-in-active-month': !inCurrentMonth(date, true), 'md-date-range-picker__calendar__today' : isToday(date),'md-date-range-picker__calendar__disabled': !isInMaxRange(date) || !isInMinRange(date) || isDisabledDate({$date:date}) }"
                      event-key="date2" event-param="3"><span event-key="date2" event-param="3" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="28">28</span></span><!-- end ngRepeat: date in dates2 --><span
                      ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month"
                      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="29">29</span></span><!-- end ngRepeat: date in dates2 --><span
                      ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__not-in-active-month"
                      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="30">30</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="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="7"><span event-key="date2" event-param="7" 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="8"><span event-key="date2" event-param="8" 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="9"><span event-key="date2" event-param="9" 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="10"><span event-key="date2" event-param="10" 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="11"><span event-key="date2" event-param="11" 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="12"><span event-key="date2" event-param="12" 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="13"><span event-key="date2" event-param="13" 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="14"><span event-key="date2" event-param="14" 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="15"><span event-key="date2" event-param="15" 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="16"><span event-key="date2" event-param="16" 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="17"><span event-key="date2" event-param="17" 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="18"><span event-key="date2" event-param="18" 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="19"><span event-key="date2" event-param="19" 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="20"><span event-key="date2" event-param="20" 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="21"><span event-key="date2" event-param="21" 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="22"><span event-key="date2" event-param="22" 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="23"><span event-key="date2" event-param="23" 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="24"><span event-key="date2" event-param="24" 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="25"><span event-key="date2" event-param="25" 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="26"><span event-key="date2" event-param="26" 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="27"><span event-key="date2" event-param="27" 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="28"><span event-key="date2" event-param="28" 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="29"><span event-key="date2" event-param="29" 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="30"><span event-key="date2" event-param="30" 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="31"><span event-key="date2" event-param="31" 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="32"><span event-key="date2" event-param="32" 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="33"><span event-key="date2" event-param="33" 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="34"><span event-key="date2" event-param="34" 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="35"><span event-key="date2" event-param="35" 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"
                      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="36"><span event-key="date2" event-param="36" class="md-date-range-picker__calendar__selection ng-binding" ng-bind="31">31</span></span><!-- end ngRepeat: date in dates2 --><span
                      ng-repeat="date in dates2" class="md-date-range-picker__calendar__grid ng-scope md-date-range-picker__calendar__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="37"><span event-key="date2" event-param="37" 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="38"><span event-key="date2" event-param="38" 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="39"><span event-key="date2" event-param="39" 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="40"><span event-key="date2" event-param="40" 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="41"><span event-key="date2" event-param="41" 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="" class="book-bar-promocode-wrap flex-xs-100 flex-sm flex-gt-sm">
    <div class="book-bar-input book-bar-promocode booking-bar-canvas-wrap">
      <div class="white-bg shadow pad-4 pad-lr-8 booking-bar-canvas">
        <div class="book-bar-label">Promo</div><md-input-container flex-xs="100" flex="" class="no-margin no-pad booking-bar-input-container full-width flex-xs-100 flex md-input-has-value"><input
            class="booking-bar-input md-subhead bold line-norm ng-pristine ng-untouched ng-valid md-input ng-not-empty" ng-model="promoCode" aria-label="Promo Code" id="input_21" aria-invalid="false" style="">
          <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-not-empty" aria-invalid="false" style="">
  <div flex-xs="100" flex-sm="none" flex-gt-sm="none" class="booking-bar-canvas-wrap booking-bar-rates-wrap text-center flex-xs-100 flex-sm-none flex-gt-sm-none ng-hide"
    ng-show="skipLeadRates.indexOf(selectedResortDestination.hotelCode) == -1 &amp;&amp; selectedResortDestination.leadRate &amp;&amp; selectedResortDestination.leadRate > 0" aria-hidden="true">
    <div class="booking-bar-rates uppercase bold white-txt pad-lr-8 pad-t-5 pad-b-5 text-left inline-block">
      <div hide-xs="" class="hide-xs">
        <div class="booking-bar-rates-from font-10 line-10">From</div>
        <div class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</div>
        <div class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</div>
      </div>
      <div hide-gt-xs="" class="text-center hide-gt-xs"><span class="booking-bar-rates-from font-10 line-10">From</span> <span class="booking-bar-rates-rate Xmargin-r-4 md-headline bold line-24 ng-binding">$</span> <span
          class="booking-bar-rates-units font-10 line-10 ng-binding">USD/Night</span></div>
    </div>
  </div>
  <div flex-xs="100" flex-sm="" flex-gt-sm="" class="booking-bar-canvas-wrap booking-bar-submit-wrap flex-xs-100 flex-sm flex-gt-sm"><button
      class="no-radius md-accent md-hue-2 md-raised white-txt no-margin book-bar-button full-width md-button md-ink-ripple" type="button" ng-transclude="" analytics-on="" analytics-event="" analytics-category="check rates"
      analytics-label="6/14/23 - 6/16/23" ng-click="postToSearch($event)"><span class="ng-scope">Search</span></button></div>
</form>

Text Content

Join / Sign In

1-800-428-1932


Get Rewards Specials Resort Map Destinations Photo Gallery Stories Contact Us
Get Rewards Specials Resort Map Destinations Photo Gallery Stories Contact Us
Destination
location_on

Check In
Wed, 6/14/23
Check Out
Fri, 6/16/23

June
JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
2023
20132014201520162017201820192020202120222023202420252026202720282029203020312032


SunMonTueWedThuFriSat
282930311234567891011121314151617181920212223242526272829301

July
JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
2023
20132014201520162017201820192020202120222023202420252026202720282029203020312032

2526272829301234567891011121314151617181920212223242526272829303112345
Close
Promo

From
$
USD/Night
From $ USD/Night
Search




ESCAPE THE ORDINARY AND UNLOCK BIG SAVINGS WITH EXTRA HOLIDAYS


Select StateSelect State
States
All States
Arizona
California
Colorado
Florida
Maryland
Massachusetts
Missouri
Nevada
New Hampshire
Oklahoma
Oregon
Pennsylvania
South Carolina
Tennessee
Texas
Utah
Virginia
Washington
Select DestinationSelect Destination
Destinations
All Destinations
Afton, Oklahoma
Anaheim, California
Angels Camp, California
Austin, Texas
Avon, Colorado
Bass Lake, California
Branson, Missouri
Daytona Beach, Florida
Edisto Beach, South Carolina
Fairfield Glade, Tennessee
Francestown, New Hampshire
Hancock, Massachusetts
Indio, California
Kissimmee, Florida
Klamath Falls, Oregon
Las Vegas, Nevada
Marble Falls, Texas
Moab, Utah
Napa, California
National Harbor, Maryland
North Myrtle Beach, South Carolina
Oceanside, California
Orlando, Florida
Palm Springs, California
Park City, Utah
Phoenix, Arizona
Pompano Beach, Florida
Port Townsend, Washington
Reno, Nevada
San Antonio, Texas
San Diego, California
San Francisco, California
Scottsdale, Arizona
Sevierville, Tennessee
Shawnee on Delaware, Pennsylvania
Williamsburg, Virginia
 Select ResortSelect Resort
Resort
All Resorts
Club Wyndham Austin - Austin, Texas
Club Wyndham Bentley Brook - Hancock, Massachusetts
Club Wyndham Branson at The Falls - Branson, Missouri
Club Wyndham Cypress Palms - Orlando, Florida
Club Wyndham Dolphin's Cove - Anaheim, California
Club Wyndham Grand Lake - Afton, Oklahoma
Club Wyndham Kingsgate - Williamsburg, Virginia
Club Wyndham La Cascada - San Antonio, Texas
Club Wyndham Mountain Vista - Branson, Missouri
Club Wyndham National Harbor - National Harbor, Maryland
Club Wyndham Ocean Ridge - Edisto Beach, South Carolina
Club Wyndham Ocean Walk - Daytona Beach, Florida
Club Wyndham Oceanside Pier Resort - Oceanside, California
Club Wyndham Orlando International - Orlando, Florida
Club Wyndham Palm-Aire - Pompano Beach, Florida
Club Wyndham Park City - Park City, Utah
Club Wyndham Patriots’ Place - Williamsburg, Virginia
Club Wyndham Resort at Avon - Avon, Colorado
Club Wyndham Resort at Fairfield Glade - Fairfield Glade, Tennessee
Club Wyndham Santa Barbara - Pompano Beach, Florida
Club Wyndham Sea Gardens - Pompano Beach, Florida
Club Wyndham Shawnee Village - Shawnee on Delaware, Pennsylvania
Club Wyndham Smoky Mountains - Sevierville, Tennessee
Club Wyndham Star Island - Kissimmee, Florida
Club Wyndham Towers on the Grove - North Myrtle Beach, South Carolina
Crotched Mountain Resort - Francestown, New Hampshire
Desert Rose Resort - Las Vegas, Nevada
Inn at the Opera - San Francisco, California
Inn at the Park - San Diego, California
Legacy Golf Resort - Phoenix, Arizona
Orange Tree Resort - Scottsdale, Arizona
Peacock Suites - Anaheim, California
The Donatello - San Francisco, California
The Moab Resort, WorldMark Associate - Moab, Utah
Vino Bello Resort - Napa, California
WorldMark Angels Camp - Angels Camp, California
WorldMark Bass Lake - Bass Lake, California
WorldMark Cathedral City - Palm Springs, California
WorldMark Discovery Bay - Port Townsend, Washington
WorldMark Indio - Indio, California
WorldMark Marble Falls - Marble Falls, Texas
WorldMark Palm Springs - Palm Springs, California
WorldMark Palm Springs - Plaza Resort and Spa - Palm Springs, California
WorldMark Reno - Reno, Nevada
WorldMark Reunion - Kissimmee, Florida
WorldMark Running Y - Klamath Falls, Oregon
WorldMark Scottsdale - Scottsdale, Arizona
ListGrid
15% Off


VINO BELLO RESORT

NAPA, CALIFORNIA | RESORT OVERVIEW

Indulge your inner sommelier at this Napa Valley resort overlooking rolling
vineyards. A peaceful retreat in the heart of California wine country, Napa
Valley. Vino Bello Resort is beautifully decorated in Old World Tuscan décor
with many amenities, including two heated swimming pools, two fitness centers
and a splash pad playground for kids. Featuring one- and two-bedroom resort
suites complete with a full kitchen or kitchenette, washer/dryer, whirlpool tub
and spacious living/dining areas.

Offer Details
book now
15% Off


CLUB WYNDHAM ORLANDO INTERNATIONAL

ORLANDO, FLORIDA | RESORT OVERVIEW

A one of a kind resort for all your Orlando travels. These exceptional
two-bedroom resort suites feature private bedrooms, kitchens and living/dining
areas, and resort amenities offer everything you need for a fun-filled family
getaway or a quiet romantic escape. Whether it's exploring the magic and delight
at nearby Universal Orlando Resort® or teeing off at one of Orlando's
challenging golf courses, Club Wyndham Orlando International is located in the
heart of it all.

Offer Details
book now
15% Off


CLUB WYNDHAM BENTLEY BROOK

HANCOCK, MASSACHUSETTS | RESORT OVERVIEW

This premier Berkshires destination resort is located at the base of the ski
slopes of Jiminy Peak Mountain Resort. After a day of skiing, snowboarding,
hiking and other seasonal activities, return to your spacious one- or
two-bedroom resort suite designed for maximum rest and relaxation with kitchens
and spacious living/dining areas. The resort's indoor and outdoor pool, three
tennis courts, game room, sauna, activities center and picnic area are sure to
please with its gorgeous valley view.

Offer Details
book now
15% Off


CLUB WYNDHAM SHAWNEE VILLAGE

SHAWNEE ON DELAWARE, PENNSYLVANIA | RESORT OVERVIEW

Nestled along the scenic Pocono Mountains in Pennsylvania, Wyndham Vacation
Resorts Shawnee Village lets you enjoy all the mountain has to offer. Explore
beautiful state parks, charming towns and other locations that celebrate the
history and heritage of the region. You'll stay in a spacious two-bedroom resort
where you will appreciate the convenience of having separate living/dining areas
and a full kitchen. Plus, most suites offer a patio and fireplace for stargazing
or cozy nights. Back at the resort, take a dip in the indoor or outdoor swimming
pool or relax in the soothing hot tub.

Offer Details
book now
15% Off


CLUB WYNDHAM OCEAN WALK

DAYTONA BEACH, FLORIDA | RESORT OVERVIEW

You'll have the time of your life at Club Wyndham Ocean Walk, nestled on the
shores of one of the only pedestrian beaches in Daytona Beach, Florida. The
resort features spacious studio, one-, two-, three-bedroom and penthouse resort
suites that comfortably sleep four to ten guests and range from 500 - 1,455
square feet. One-four bedroom suites feature one king or two doubles in the
master, one king or two doubles in the guest rooms and a queen sleeper sofa in
the living area. You are sure to appreciate the economy of a partial or full
kitchen and TVs throughout, while many suites feature a balcony and whirlpool
tub.

Offer Details
book now
15% Off


CLUB WYNDHAM RESORT AT FAIRFIELD GLADE

FAIRFIELD GLADE, TENNESSEE | RESORT OVERVIEW

Surrounded by 11 beautiful lakes, beaches with marinas and five spectacular golf
courses, you'll love your stay at Wyndham Resort at Fairfield Glade. Their
spacious condo-style studio, one-, and two-bedroom resort suites can comfortably
sleep up to six guests in private bedrooms with amenities such as a a full
kitchen or kitchenette, washer/dryer, private balcony and a whirlpool tub (in
some). This action-packed resort offers its guests access to 14 tennis courts,
horseback riding, a game room, day spa, fitness center and three swimming pools.

Offer Details
book now
15% Off


CLUB WYNDHAM GRAND LAKE

AFTON, OKLAHOMA | RESORT OVERVIEW

Come play on 60,000 acres of sparkling lakes and 1,300 miles of shoreline for
endless fun. Club Wyndham Grand Lake offers you a choice of studios, one-, two-
and three-bedroom family suites with full kitchens so you can savor home-cooked
meals while saving on eating out. You will also have a washer/dryer, which means
you will pack fewer bags and spend less money on airline baggage fees.
Additional amenities include private balconies, an outdoor pool and hot tub,
fitness center and a game room.

Offer Details
book now
15% Off


CLUB WYNDHAM STAR ISLAND

KISSIMMEE, FLORIDA | RESORT OVERVIEW

Nestled in a peaceful garden setting and less than 8 miles from SeaWorld®
Orlando, Star Island provides a world-class Orlando vacation. The resort offers
spacious one- and two-bedroom resort suites that comfortably sleep four to six
guests. Resort suites come prepared with a kitchen/kitchenette, a separate
living/dining area and a washer/dryer is available in most suites. In between
the theme park action, you can kick back and relax with two outdoor pools and a
day spa. Sports enthusiasts will appreciate having access to nine tennis courts,
basketball courts, a driving range and putting green on-site.
Offer Details
Book Now

OFFER DETAILS: Book by June 30, 2023. Travel by September 30, 2023. Enter promo
code Allegiant23 at check-out. Two-night minimum length of stay required. Valid
for new reservations only. Reservations are subject to availability.
Reservations may be limited during certain holidays. Cannot be combined with any
other offer. All monetary amounts are noted in U.S. Dollars unless otherwise
noted.

Insider Extras Offer Details: Purchase is not necessary to join Insider Extras.
"Insider Extras" membership is subject to separate Terms and Conditions. Rewards
and "Insider Extras" member-only discounts are subject to availability and can
change at any time. Must have joined “Insider Extras” before booking or must
sign-up during booking to receive rewards and applicable discounts. Rewards will
not be retroactively added to accounts. As an “Insider Extras” member you are
able to choose three (3) rewards which can be found in your member account page.


+1-800-428-1932
Extra Holidays
Reservations: 1-800-428-1932
Email Us
https://www.extraholidays.com
Travel Agent Partners
CJ Affiliate Publisher Enrollment
Seller of Travel


©2023 Extra Holidays. All Rights Reserved.
Subscribe
Click here to receive deals and discounts from Extra Holidays.
Enter Sweepstakes 
Extra Holidays HI TAT Broker ID: TA-075-433-7792-01
Hawaii Plan Manager ID
Do Not Sell Or Share My Personal Information-Consumers
Do Not Sell Or Share My Personal Information-Former Employees (California)
About Us FAQ Groups Terms Privacy Notice Traveler's Pledge Covid-19Sitemap

Extra Holidays
Rewards
Specials
Resort Map
Destinations
Photo Gallery
Stories
Contact Us
Contact Us
Call
Email




This site uses cookies to provide essential functionality, to help us understand
how people find and use the site, to personalise your experience, and tailor
advertising to you. To agree to our recommended settings, click “ACCEPT ALL”.
Privacy Notice

REJECT ALL ACCEPT ALL
Cookies Settings




HOTEL HUB TRAVEL PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

SOCIAL MEDIA COOKIES

Social Media Cookies

These cookies are set by a range of social media services that we have added to
the site to enable you to share our content with your friends and networks. They
are capable of tracking your browser across other sites and building up a
profile of your interests. This may impact the content and messages you see on
other websites you visit. If you do not allow these cookies you may not be able
to use or see these sharing tools.

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Back Button


COOKIE LIST



Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Reject All Confirm My Choices