www.disneyworld.eu
Open in
urlscan Pro
23.38.98.238
Public Scan
Submitted URL: http://beeeline.com/
Effective URL: https://www.disneyworld.eu/
Submission: On June 20 via manual from US — Scanned from DE
Effective URL: https://www.disneyworld.eu/
Submission: On June 20 via manual from US — Scanned from DE
Form analysis
2 forms found in the DOMName: qqVm.qqForm —
<form class="qqForm ng-pristine ng-valid ng-valid-date-max ng-valid-date-min ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-min ng-valid-max" name="qqVm.qqForm" novalidate="">
<!-- ngInclude: undefined --><ng-include src="'/wdpr-quickquote/partials/qq-tickets-panel.html'"
class="ng-scope"><a id="purchaseTickets" ng-show="qqVm.form.purchaseTickets.href" ng-class="qqVm.form.purchaseTickets.attribs.class" href="/tickets/" name="&lid=ticketsButton" data-link-id="WDW_PurchaseTickets_Button" wdpr-analytics-track-link="{"interactionName":"PurchaseTickets_Click"}" target="_self" class="ng-scope" aria-hidden="false"> <div class="panel-group"> <div class="panel panel-primary fiftyAnniversaryTicketsButton" ng-class="{fiftyAnniversaryTicketsButton: qqVm.brand == 'wdw'}"> <div class="panel-heading"> <div class="panel-title"> <wdpr-icon class="pull-left hide ng-isolate-scope" icon="" size="l" title="qqVm.form.purchaseTickets.label"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style="" aria-label="qqVm.form.purchaseTickets.label"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> <span class="ng-binding">Purchase Tickets</span> </div> </div> </div> </div> </a>
<div id="qqPanelTicketsAccordian" class="panel-group hide ng-scope" role="tablist" aria-multiselectable="true">
<div class="panel panel-primary">
<div id="qqTicketsHeading" class="panel-heading" role="tab" data-toggle="collapse" data-parent="#qqPanelTicketsAccordian" href="#mobileTicketsQQ" aria-expanded="false" aria-controls="mobileTicketsQQ">
<div class="panel-title collapsed" role="button"> <wdpr-icon class="pull-left ng-isolate-scope" icon="" size="l" rotate="qqVm.isOpen ? 90 : 0" title="qqVm.form.purchaseTickets.label"><!-- ngIf: iconVm.showFallbackIcon -->
<!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon"
ng-style="" aria-label="qqVm.form.purchaseTickets.label"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> <span class="ng-binding">Purchase Tickets</span> </div>
</div>
<div id="mobileTicketsQQ" class="panel-collapse collapse" role="tabpanel" aria-labelledby="qqTicketsHeading">
<div class="panel-body"> tickets quick quote </div>
</div>
</div>
</div>
</ng-include> <!-- ngInclude: undefined --><ng-include src="'/wdpr-quickquote/partials/qq-panel.html'" class="ng-scope">
<div id="qqPanelAccordian" class="panel-group ng-scope" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div id="qqHeading" class="panel-heading fiftyAnniversaryPriceButton" role="tab" aria-label="" href="#qqPanel" aria-expanded="true" aria-controls="qqPanel" ng-class="{fiftyAnniversaryPriceButton: qqVm.brand == 'wdw'}">
<div class="panel-title" ng-click="qqVm.mobilePriceButtonClick()" role="button" data-link-id="WDW_PriceYourVaction_Button" wdpr-analytics-track-link="{"interactionName":"PriceVacation_Click"}" tabindex="0"> <wdpr-icon
class="pull-left ng-isolate-scope" icon="" size="sm" rotate="qqVm.isOpen ? 90 : 0" title=""><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep"
ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label=""></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon>
<div ng-bind-html="qqVm.form.title.label" class="ng-binding">Price Your Holiday</div>
</div>
</div>
<div id="qqPanel" class="panel-collapse collapse in" role="tabpanel" collapse="!qqVm.isOpen" aria-labelledby="qqHeading" style="height: auto;">
<div class="panel-body"> <!-- ngInclude: undefined --><ng-include src="'/wdpr-quickquote/partials/form-fields.html'" class="ng-scope">
<div class="fieldsContainer collapse ng-scope fiftyAnniversaryContainer" ng-class="{expand: !qqVm.qqCollapsed, fiftyAnniversaryContainer: qqVm.brand == 'wdw'}"> <!-- ngIf: !qqVm.form.shopFor --> <!-- ngIf: qqVm.form.shopFor -->
<div id="shopForContainer" ng-if="qqVm.form.shopFor" ng-class="qqVm.form.shopFor.class" class="ng-scope">
<div class="form-group standard fiftyAnniversaryShopForContainer" show-validation-state="" ng-class="{fiftyAnniversaryShopForContainer: qqVm.brand == 'wdw'}"> <label class="control-label ng-binding">Shop For</label>
<wdpr-uiplus-select-box id="shopFor" model="qqVm.form.shopFor.selected" theme="standard" no-ellipsis="true" a11y-select="qqVm.form.shopFor.a11y.select" a11y-select-option="qqVm.form.shopFor.a11y.selectOption"
model-ng-change="qqVm.shopForChanged()" options="option.label.text for option in qqVm.form.shopFor.list track by option.value" class="standard">
<ol class="single-select-box nya-bs-select col-xs-12 ng-pristine ng-untouched ng-valid btn-group" ng-model="qqVm.form.shopFor.selected" ng-change="qqVm.shopForChanged()" size="5" data-title="" tabindex="-1"><button
class="btn btn-default dropdown-toggle" type="button" aria-expanded="false" aria-pressed="false" role="combobox" aria-autocomplete="none" aria-haspopup="listbox" aria-invalid="false"><span class="pull-left filter-option">
<div class="option-wrapper no-ellipsis"><span class="option-text ng-binding" id="Hotel + Ticket" ng-class="{'dropdown-avatar-multiple-span': false}" "="" title=" Hotel + Ticket">Hotel + Ticket</span></div>
</span> <wdpr-icon class="pull-left ng-isolate-scope" icon="" size="sm"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep"
ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon></button>
<div class="dropdown-menu open">
<ul role="listbox" class="dropdown-menu inner"><!-- nyaBsOption: option in qqVm.form.shopFor.list track by option.value -->
<li nya-bs-option="option in qqVm.form.shopFor.list track by option.value" ng-class="::{ 'horizontal-separator': option._isSeparator, 'disabled': option._isDisabled, 'custom-separator': option._separatorClass}"
class="ng-scope nya-bs-option selected"><span
class="dropdown-header ng-binding"></span><!-- ngIf: ::!option._isSeparator --><a aria-label="Hotel + Ticket" role="option" aria-disabled="" class="option-link ng-scope" ng-if="::!option._isSeparator" tabindex="0"><div class="option-wrapper no-ellipsis"><span class="option-text ng-binding" id="Hotel + Ticket" ng-class="{'dropdown-avatar-multiple-span': false}" "="" title="Hotel + Ticket">Hotel + Ticket</span></div></a><!-- end ngIf: ::!option._isSeparator -->
</li><!-- end nyaBsOption: option in qqVm.form.shopFor.list track by option.value -->
<li nya-bs-option="option in qqVm.form.shopFor.list track by option.value" ng-class="::{ 'horizontal-separator': option._isSeparator, 'disabled': option._isDisabled, 'custom-separator': option._separatorClass}"
class="ng-scope nya-bs-option"><span
class="dropdown-header ng-binding"></span><!-- ngIf: ::!option._isSeparator --><a aria-label="Hotel" role="option" aria-disabled="" class="option-link ng-scope" ng-if="::!option._isSeparator" tabindex="0"><div class="option-wrapper no-ellipsis"><span class="option-text ng-binding" id="Hotel" ng-class="{'dropdown-avatar-multiple-span': false}" "="" title="Hotel">Hotel</span></div></a><!-- end ngIf: ::!option._isSeparator -->
</li><!-- end nyaBsOption: option in qqVm.form.shopFor.list track by option.value -->
<li nya-bs-option="option in qqVm.form.shopFor.list track by option.value" ng-class="::{ 'horizontal-separator': option._isSeparator, 'disabled': option._isDisabled, 'custom-separator': option._separatorClass}"
class="ng-scope nya-bs-option"><span
class="dropdown-header ng-binding"></span><!-- ngIf: ::!option._isSeparator --><a aria-label="Tickets" role="option" aria-disabled="" class="option-link ng-scope" ng-if="::!option._isSeparator" tabindex="0"><div class="option-wrapper no-ellipsis"><span class="option-text ng-binding" id="Tickets" ng-class="{'dropdown-avatar-multiple-span': false}" "="" title="Tickets">Tickets</span></div></a><!-- end ngIf: ::!option._isSeparator -->
</li><!-- end nyaBsOption: option in qqVm.form.shopFor.list track by option.value -->
</ul>
</div>
</ol>
</wdpr-uiplus-select-box> </div>
</div><!-- end ngIf: qqVm.form.shopFor --> <!-- ngIf: qqVm.form.tickets && qqVm.shouldDisplay(qqVm.form.tickets) --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) -->
<div id="tripDatesContainer" ng-if="qqVm.shouldDisplay(qqVm.form.checkInDate)" ng-click="qqVm.qqCollapsed = false" class="ng-scope" role="button" tabindex="0">
<div class="container-fluid"> <wdpr-date-range-picker append-content-to="#qqCalendar" calendar-config="quickquote" model="qqVm.form.dateRangeConfig.options.model" name="dateRange" options="qqVm.form.dateRangeConfig.options"
ng-class="{fiftyAnniversaryDates: qqVm.brand == 'wdw'}" watch-width-broadcast="#qqCalendar .calendar-root" class="ng-isolate-scope fiftyAnniversaryDates">
<div class="form-group wdprDatePicker ng-pristine ng-valid ng-valid-date-max ng-valid-date-min ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" ng-class="{'opened': dateRangePickerVm.opened}"
ng-form="dateRange" ng-mouseenter="dateRangePickerVm.setMouseEnter(true, 'component')" ng-mouseleave="dateRangePickerVm.setMouseEnter(false, 'component')"> <input aria-hidden="true"
class="form-control ng-pristine ng-untouched ng-valid ng-valid-date-max ng-valid-date-min ng-valid-required" id="checkInDate" name="checkInDate" date-max="" date-min="" ng-attr-max="{{dateRangePickerVm.start.max}}"
ng-attr-min="{{dateRangePickerVm.start.min}}" ng-disabled="dateRangePickerVm.options.calendarOptions.start.disabled" ng-model="dateRangePickerVm.model.start"
ng-required="dateRangePickerVm.options.calendarOptions.start.required" type="hidden" tabindex="0" aria-required="false" aria-invalid="false"> <input aria-hidden="true"
class="form-control ng-pristine ng-untouched ng-valid ng-valid-date-max ng-valid-date-min ng-valid-required" id="checkOutDate" name="checkOutDate" date-max="" date-min="" ng-attr-max="{{dateRangePickerVm.end.max}}"
ng-attr-min="{{dateRangePickerVm.end.min}}" ng-disabled="dateRangePickerVm.options.calendarOptions.end.disabled" ng-model="dateRangePickerVm.model.end" ng-required="dateRangePickerVm.options.calendarOptions.end.required"
type="hidden" tabindex="0" aria-required="false" aria-invalid="false">
<div class="input-group-relative row enabled" ng-class="{enabled: !dateRangePickerVm.options.disabled}">
<div class="date-input" ng-class="{'active' : dateRangePickerVm.options.calendarOptions.active === 'start'}"> <!-- ngIf: dateRangePickerVm.options.calendarOptions.start.label --><label aria-hidden="true"
for="checkInDate_display" ng-if="dateRangePickerVm.options.calendarOptions.start.label" class="ng-binding ng-scope">Dates </label><!-- end ngIf: dateRangePickerVm.options.calendarOptions.start.label -->
<div> <input aria-label="date-picker.aria-label.checkIn date-picker.aria-label.navigation.calendar"
class="form-control start guestSensitiveNot ng-valid ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-required" id="checkInDate_display" maxlength="10" minlength="10" name="checkInDate_display"
ng-attr-placeholder="{{dateRangePickerVm.options.calendarOptions.start.placeholder}}" ng-class="{'active' : dateRangePickerVm.options.calendarOptions.active === 'start'}"
ng-disabled="dateRangePickerVm.options.disabled" ng-focus="dateRangePickerVm.popoverOpen($event, 'start');" ng-blur="dateRangePickerVm.formatDateOption($event, 'start')"
ng-keydown="dateRangePickerVm.onInputKeyDown($event)" ng-keypress="dateRangePickerVm.onInputKeyPress($event)" ng-maxlength="10" ng-minlength="10" ng-model="dateRangePickerVm.model.startText"
ng-model-options="{updateOn: 'blur'}" ng-pattern="/[0-9][0-9]\/[0-9][0-9]\/[0-9][0-9][0-9][0-9]/"
ng-readonly="dateRangePickerVm.options.calendarOptions.start.readOnly || dateRangePickerVm.isMobile || dateRangePickerVm.isMobileOS" ng-required="dateRangePickerVm.options.calendarOptions.start.required" tabindex="0"
type="text" placeholder="Depart" aria-required="false" aria-invalid="false"> </div>
</div>
<div class="spacer" ng-hide="dateRangePickerVm.isCheckInOnly" aria-hidden="false">–</div>
<div class="date-input" ng-class="{'active' : dateRangePickerVm.options.calendarOptions.active === 'end'}" ng-hide="dateRangePickerVm.isCheckInOnly" aria-hidden="false">
<!-- ngIf: dateRangePickerVm.options.calendarOptions.end.label -->
<div> <input aria-label="date-picker.aria-label.checkOut date-picker.aria-label.navigation.calendar"
class="form-control end guestSensitiveNot ng-valid ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-required" id="checkOutDate_display" maxlength="10" minlength="10" name="checkOutDate_display"
ng-attr-placeholder="{{dateRangePickerVm.options.calendarOptions.end.placeholder}}" ng-class="{'active' : dateRangePickerVm.options.calendarOptions.active === 'end'}" ng-disabled="dateRangePickerVm.options.disabled"
ng-focus="dateRangePickerVm.popoverOpen($event, 'end');" ng-blur="dateRangePickerVm.formatDateOption($event, 'end')" ng-keydown="dateRangePickerVm.onInputKeyDown($event)"
ng-keypress="dateRangePickerVm.onInputKeyPress($event)" ng-maxlength="10" ng-minlength="10" ng-model="dateRangePickerVm.model.endText" ng-model-options="{updateOn: 'blur'}"
ng-pattern="/[0-9][0-9]\/[0-9][0-9]\/[0-9][0-9][0-9][0-9]/" ng-readonly="dateRangePickerVm.options.calendarOptions.end.readOnly || dateRangePickerVm.isMobile || dateRangePickerVm.isMobileOS"
ng-required="dateRangePickerVm.options.calendarOptions.end.required" tabindex="0" type="text" placeholder="Return" aria-required="false" aria-invalid="false"> </div>
</div>
<div class="calendarButton"> <button class="btn btn-default selectable"
ng-class="{'selectable': (dateRangePickerVm.model.startText && dateRangePickerVm.model.endText) || (!dateRangePickerVm.model.startText && !dateRangePickerVm.model.endText)}" aria-hidden="true"
ng-click="dateRangePickerVm.prepareCalendar()" ng-disabled="dateRangePickerVm.options.disabled" tabindex="-1" type="button"> <wdpr-icon icon="" size="s" aria-hidden="true"
class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button>
</div>
</div>
</div>
</wdpr-date-range-picker> </div>
</div><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) -->
<div id="qqCalendar" class="calendarPickerContainer ng-scope fiftyAnniversaryCalendar" ng-if="qqVm.shouldDisplay(qqVm.form.checkInDate)" ng-class="{fiftyAnniversaryCalendar: qqVm.brand == 'wdw'}">
<div move-content="#qqCalendar">
<div class="calendarPickerPosition" ng-mouseenter="dateRangePickerVm.setMouseEnter(true, 'calendar')" ng-mouseleave="dateRangePickerVm.setMouseEnter(false, 'calendar')">
<div class="calendarPickerWrapper ng-hide" ng-show="dateRangePickerVm.opened" aria-hidden="true"> <wdpr-calendar-range-picker calendar-config="dateRangePickerVm.calendarConfig" data="dateRangePickerVm.calendarData"
max="dateRangePickerVm.maxCalendar" min="dateRangePickerVm.minCalendar" model="dateRangePickerVm.model" num-months="dateRangePickerVm.numMonths" options="dateRangePickerVm.options.calendarOptions"
watch-element="dateRangePickerVm.options.watchElement" class="ng-isolate-scope">
<div class="calendar-root " get-element-attributes="calendarVm.watchElement">
<div class="sticky-header-weekdays desktop-device" ng-class="{'desktop-device' : !calendarVm.isMobile}"> <!-- ngIf: !calendarVm.options.weekdayHide -->
<div class="weekday-row cell-row ng-scope" ng-if="!calendarVm.options.weekdayHide"> <button class="btnNextPrev prev-btn" ng-click="calendarVm.adjustMonthAndFocus(-1);" ng-disabled="!calendarVm.monthAvailablePrev"
tabindex="-1" aria-disabled="true" disabled="disabled"> <wdpr-icon icon="" class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span
class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button> <!-- ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Sunday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Monday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">M</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Tuesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Wednesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">W</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Thursday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Friday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">F</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Saturday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<button class="btnNextPrev next-btn" ng-click="calendarVm.adjustMonthAndFocus(1);" ng-disabled="!calendarVm.monthAvailableNext" tabindex="-1" aria-disabled="false"> <wdpr-icon icon=""
class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button>
</div><!-- end ngIf: !calendarVm.options.weekdayHide -->
</div>
<div class="btnNextPrevContainer prev"> <button class="btnNextPrev prev-btn focusable" ng-click="calendarVm.adjustMonthAndFocus(-1);" ng-disabled="!calendarVm.monthAvailablePrev"
ng-keydown="calendarVm.onKeyDownPrev($event);" role="application" aria-label="date-picker.aria-label.button.previous" tabindex="0" aria-disabled="true" disabled="disabled"> <wdpr-icon icon="" tabindex="-1"
class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button> </div> <!-- ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="June 2024 date-picker.aria-label.navigation.month" class="month-calendar focusable ng-scope first" ng-class="{first: $first, last: $last}" tabindex="-1"
ng-repeat="month in calendarVm.months track by $index" hm-swipe="calendarVm.mobileGestures($event);" ng-keydown="calendarVm.onKeyDownMonth($event, $index)" ng-mousedown="calendarVm.onMousedownMonth($event)"
style="user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y;">
<div class="month-head">
<div class="calendar-title-row">
<div class=""> <span class="title-month ng-binding">June </span> <span class="title-year ng-binding">2024</span> </div>
</div> <!-- ngIf: !calendarVm.options.weekdayHide -->
<div class="in-table-weekdays cell-row ng-scope" ng-if="!calendarVm.options.weekdayHide"> <!-- ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Sunday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Monday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">M</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Tuesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Wednesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">W</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Thursday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Friday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">F</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Saturday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
</div><!-- end ngIf: !calendarVm.options.weekdayHide -->
</div>
<div class="month-body" role="application"> <!-- ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-0" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_1_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Saturday June 1st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 1 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-1" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_2_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Sunday June 2nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 2 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_3_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Monday June 3rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 3 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_4_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Tuesday June 4th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 4 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_5_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Wednesday June 5th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 5 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_6_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Thursday June 6th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 6 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_7_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Friday June 7th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 7 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_8_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Saturday June 8th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 8 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-2" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_9_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Sunday June 9th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 9 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_10_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Monday June 10th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 10 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_11_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Tuesday June 11th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 11 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_12_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Wednesday June 12th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 12 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_13_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Thursday June 13th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 13 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_14_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Friday June 14th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 14 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_15_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Saturday June 15th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 15 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-3" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_16_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Sunday June 16th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 16 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_17_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Monday June 17th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 17 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_18_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Tuesday June 18th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 18 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_19_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Wednesday June 19th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 19 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_20_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Thursday June 20th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 20 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_21_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Friday June 21st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 21 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_22_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Saturday June 22nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 22 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-4" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_23_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Sunday June 23rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 23 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_24_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Monday June 24th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 24 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_25_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Tuesday June 25th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 25 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_26_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Wednesday June 26th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 26 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_27_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="true" disabled="disabled">
<div> <span aria-label="Thursday June 27th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 27 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_28_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday June 28th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 28 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_29_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday June 29th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 29 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-5" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="6_30_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday June 30th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 30 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
</div>
</div><!-- end ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="July 2024 date-picker.aria-label.navigation.month" class="month-calendar focusable ng-scope" ng-class="{first: $first, last: $last}" tabindex="-1" ng-repeat="month in calendarVm.months track by $index"
hm-swipe="calendarVm.mobileGestures($event);" ng-keydown="calendarVm.onKeyDownMonth($event, $index)" ng-mousedown="calendarVm.onMousedownMonth($event)"
style="user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y;">
<div class="month-head">
<div class="calendar-title-row">
<div class=""> <span class="title-month ng-binding">July </span> <span class="title-year ng-binding">2024</span> </div>
</div> <!-- ngIf: !calendarVm.options.weekdayHide -->
<div class="in-table-weekdays cell-row ng-scope" ng-if="!calendarVm.options.weekdayHide"> <!-- ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Sunday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Monday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">M</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Tuesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Wednesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">W</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Thursday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Friday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">F</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Saturday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
</div><!-- end ngIf: !calendarVm.options.weekdayHide -->
</div>
<div class="month-body" role="application"> <!-- ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-0" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_1_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday July 1st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 1 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_2_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday July 2nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 2 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_3_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday July 3rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 3 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_4_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday July 4th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 4 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_5_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday July 5th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 5 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_6_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday July 6th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 6 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-1" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_7_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday July 7th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 7 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_8_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday July 8th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 8 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_9_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday July 9th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 9 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_10_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday July 10th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 10 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_11_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday July 11th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 11 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_12_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday July 12th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 12 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_13_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday July 13th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 13 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-2" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_14_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday July 14th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 14 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_15_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday July 15th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 15 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_16_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday July 16th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 16 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_17_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday July 17th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 17 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_18_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday July 18th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 18 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_19_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday July 19th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 19 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_20_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday July 20th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 20 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-3" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_21_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday July 21st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 21 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_22_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday July 22nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 22 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_23_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday July 23rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 23 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_24_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday July 24th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 24 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_25_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday July 25th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 25 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_26_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday July 26th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 26 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_27_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday July 27th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 27 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-4" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_28_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday July 28th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 28 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_29_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday July 29th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 29 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_30_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday July 30th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 30 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="7_31_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday July 31st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 31 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
</div>
</div><!-- end ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="August 2024 date-picker.aria-label.navigation.month" class="month-calendar focusable ng-scope" ng-class="{first: $first, last: $last}" tabindex="-1" ng-repeat="month in calendarVm.months track by $index"
hm-swipe="calendarVm.mobileGestures($event);" ng-keydown="calendarVm.onKeyDownMonth($event, $index)" ng-mousedown="calendarVm.onMousedownMonth($event)"
style="user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y;">
<div class="month-head">
<div class="calendar-title-row">
<div class=""> <span class="title-month ng-binding">August </span> <span class="title-year ng-binding">2024</span> </div>
</div> <!-- ngIf: !calendarVm.options.weekdayHide -->
<div class="in-table-weekdays cell-row ng-scope" ng-if="!calendarVm.options.weekdayHide"> <!-- ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Sunday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Monday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">M</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Tuesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Wednesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">W</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Thursday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Friday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">F</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Saturday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
</div><!-- end ngIf: !calendarVm.options.weekdayHide -->
</div>
<div class="month-body" role="application"> <!-- ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-0" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_1_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday August 1st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 1 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_2_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday August 2nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 2 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_3_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday August 3rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 3 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-1" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_4_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday August 4th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 4 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_5_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday August 5th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 5 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_6_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday August 6th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 6 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_7_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday August 7th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 7 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_8_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday August 8th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 8 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_9_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday August 9th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 9 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_10_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday August 10th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 10 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-2" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_11_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday August 11th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 11 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_12_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday August 12th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 12 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_13_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday August 13th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 13 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_14_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday August 14th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 14 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_15_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday August 15th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 15 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_16_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday August 16th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 16 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_17_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday August 17th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 17 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-3" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_18_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday August 18th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 18 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_19_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday August 19th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 19 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_20_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday August 20th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 20 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_21_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday August 21st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 21 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_22_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday August 22nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 22 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_23_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday August 23rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 23 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_24_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday August 24th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 24 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-4" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_25_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday August 25th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 25 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_26_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday August 26th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 26 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_27_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday August 27th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 27 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_28_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday August 28th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 28 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_29_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday August 29th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 29 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_30_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday August 30th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 30 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="8_31_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday August 31st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 31 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
</div>
</div><!-- end ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="September 2024 date-picker.aria-label.navigation.month" class="month-calendar focusable ng-scope last" ng-class="{first: $first, last: $last}" tabindex="-1"
ng-repeat="month in calendarVm.months track by $index" hm-swipe="calendarVm.mobileGestures($event);" ng-keydown="calendarVm.onKeyDownMonth($event, $index)" ng-mousedown="calendarVm.onMousedownMonth($event)"
style="user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y;">
<div class="month-head">
<div class="calendar-title-row">
<div class=""> <span class="title-month ng-binding">September </span> <span class="title-year ng-binding">2024</span> </div>
</div> <!-- ngIf: !calendarVm.options.weekdayHide -->
<div class="in-table-weekdays cell-row ng-scope" ng-if="!calendarVm.options.weekdayHide"> <!-- ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Sunday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Monday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">M</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Tuesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Wednesday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">W</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Thursday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">T</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Friday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">F</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
<div class="weekday-cell cell ng-binding ng-scope" aria-label="Saturday" ng-repeat="weekday in calendarVm.daysOfWeek track by $index">S</div><!-- end ngRepeat: weekday in calendarVm.daysOfWeek track by $index -->
</div><!-- end ngIf: !calendarVm.options.weekdayHide -->
</div>
<div class="month-body" role="application"> <!-- ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-0" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_1_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday September 1st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 1 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_2_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday September 2nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 2 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_3_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday September 3rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 3 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_4_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday September 4th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 4 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_5_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday September 5th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 5 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_6_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday September 6th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 6 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_7_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday September 7th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 7 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-1" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_8_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday September 8th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 8 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_9_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday September 9th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 9 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_10_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday September 10th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 10 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_11_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday September 11th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 11 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_12_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday September 12th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 12 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_13_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday September 13th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 13 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_14_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday September 14th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 14 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-2" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_15_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday September 15th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 15 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_16_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday September 16th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 16 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_17_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday September 17th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 17 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_18_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday September 18th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 18 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_19_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday September 19th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 19 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_20_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday September 20th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 20 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_21_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday September 21st, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 21 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-3" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_22_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday September 22nd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 22 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_23_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday September 23rd, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 23 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-2 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_24_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Tuesday September 24th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 24 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-3 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_25_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Wednesday September 25th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 25 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-4 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_26_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Thursday September 26th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 26 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-5 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_27_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Friday September 27th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 27 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-6 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_28_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Saturday September 28th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 28 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
<div class="date-row cell-row row-4" ng-repeat="rows in month.dateRows track by $index"> <!-- ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-0 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_29_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Sunday September 29th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 29 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --><button class="date week-col-1 enabled" ng-class="{ active: cell.isActive, hover: calendarVm.isHovered(cell.modelValue),
value: cell.isValue, regular: cell.isRegular, peak: cell.isPeak,
enabled: !calendarVm.isDateDisabled(cell.date)}" ng-mouseenter="calendarVm.updateHoverDates(cell.modelValue)" ng-mouseleave="calendarVm.clearHoverDates()" ng-click="calendarVm.select(cell)"
ng-disabled="calendarVm.isDateDisabled(cell.date)" ng-if="cell.date" id="9_30_2024" tabindex="-1" ng-keydown="calendarVm.onKeyDownDay($event, {
month: $parent.$parent.$parent.$index,
row: $parent.$parent.$index,
col: $index,
firstRow: $parent.$parent.$first,
lastRow: $parent.$parent.$last,
firstCol: $first,
lastCol: $last,
cell: cell
})" aria-disabled="false">
<div> <span aria-label="Monday September 30th, 2024 date-picker.aria-label.navigation.day" class="ng-binding"> 30 </span> </div>
</button><!-- end ngIf: cell.date --> </div><!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
<div class="date-cell cell ng-scope outOfBounds" ng-class="{ outOfBounds: cell.outOfBounds }" ng-repeat="cell in rows track by $index"> <!-- ngIf: cell.date --> </div>
<!-- end ngRepeat: cell in rows track by $index -->
</div><!-- end ngRepeat: rows in month.dateRows track by $index -->
</div>
</div><!-- end ngRepeat: month in calendarVm.months track by $index -->
<div class="btnNextPrevContainer next"> <button class="btnNextPrev next-btn focusable" ng-click="calendarVm.adjustMonthAndFocus(1);" ng-disabled="!calendarVm.monthAvailableNext"
ng-keydown="calendarVm.onKeyDownNext($event);" role="application" aria-label="date-picker.aria-label.button.next" tabindex="0" aria-disabled="false"> <wdpr-icon icon="" tabindex="-1"
class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button> </div> <!-- ngIf: calendarVm.options.ticketPricing.tiers -->
<!-- ngIf: calendarVm.options.ticketPricing.tiers -->
</div>
</wdpr-calendar-range-picker>
<div class="closeButtonBar"> <button class="btn btn-close btn-pill btn-secondary ng-scope" ng-click="dateRangePickerVm.popoverToggle($event)" translate="" type="button" tabindex="0">date-picker.close</button> </div>
</div>
</div>
</div>
</div><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.visitDate) --> <!-- ngIf: qqVm.form.departAirport -->
<div id="departAirportContainer" ng-if="qqVm.form.departAirport" class="ng-scope"> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.departAirport) --> </div><!-- end ngIf: qqVm.form.departAirport --> <!-- ngIf: qqVm.form.returnAirport -->
<div id="returnAirportContainer" ng-if="qqVm.form.returnAirport" class="ng-scope"> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.returnAirport) --> </div><!-- end ngIf: qqVm.form.returnAirport --> <!-- ngIf: qqVm.form.travelClass -->
<div id="travelClassContainer" ng-if="qqVm.form.travelClass" class="ng-scope"> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.travelClass) --> </div><!-- end ngIf: qqVm.form.travelClass --> <!-- ngIf: qqVm.form -->
<div id="partyMixContainer" ng-if="qqVm.form" ng-class="{
'has-ages': qqVm.form.partyMixConfig.room.nonAdultAges.length > 0 && !qqVm.childAgesForceHide,
'large': qqVm.form.partyMixConfig.room.nonAdultAges.length > 3,
'fiftyAnniversaryCounters': qqVm.brand == 'wdw'
}" class="ng-scope fiftyAnniversaryCounters"> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) --><wdpr-party-mix-select id="partyMixConfig" ng-if="qqVm.shouldDisplay(qqVm.form.partyMixConfig)"
ng-class="{'child-cnt-' + qqVm.form.partyMixConfig.room.nonAdultAges.length}" display="block below" control-prefix="qqForm_" hide-accessible-checkbox="true" room="qqVm.form.partyMixConfig.room"
disable-child-ages="qqVm.options.noChildAges" enable-seniors="qqVm.form.partyMixConfig.seniors" party-mix-select="qqVm.form.partyMixConfig"
class="ng-scope ng-isolate-scope"><!-- ngIf: partyMixSelectVm.partyMixSelect.type === 'select' --> <!-- ngIf: partyMixSelectVm.partyMixSelect.type === 'plus-minus' -->
<div class="party-mix-select plus-minus block below" ng-class="{
'has-ages': partyMixSelectVm.room.nonAdultAges.length > 0,
'has-error': !partyMixSelectVm.isMobOpt && (partyMixSelectVm.roomCapacityExceeded || partyMixSelectVm.room.infantPerAdultExceeded)
}" ng-if="partyMixSelectVm.partyMixSelect.type === 'plus-minus'">
<div class="party-selection party-selection-adult"> <label for="qqForm_adultCount" class="control-label party-selection-label ng-binding">Adults (18+)</label>
<div class="party-selection-option"> <wdpr-plus-minus id="qqForm_adultCountStateroom1" name="qqForm_adultCount" dir-aria-label="party-mix-select.adultCountLabel" value="partyMixSelectVm.room.adultCount"
min="partyMixSelectVm.partyMixSelect.adults.min" max="partyMixSelectVm.partyMixSelect.adults.max" class="ng-isolate-scope"><button class="button" role="button"
aria-label="party-mix-select.adultCountLabel plusMinus.decrement-label 2" ng-click="PlusMinusVm.minus()" ng-disabled="PlusMinusVm.value <= PlusMinusVm.min || PlusMinusVm.ngDisabled" aria-disabled="" value="decrement"
tabindex="0"> <span class="circle"> <wdpr-icon icon="" class="price-icon ng-isolate-scope" theme="light"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span
class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </span> </button> <input class="number ng-pristine ng-untouched ng-valid ng-valid-maxlength"
id="qqForm_adultCountStateroom1" name="qqForm_adultCount" value="2" ng-blur="PlusMinusVm.directEdit()" ng-model="PlusMinusVm.value" maxlength="3" tabindex="-1" aria-readonly="true"
ng-readonly="PlusMinusVm.inputReadonly || PlusMinusVm.ngDisabled" ng-class="{ editable: !PlusMinusVm.inputReadonly, disabled: PlusMinusVm.ngDisabled }" readonly="readonly" aria-invalid="false"> <button class="button"
role="button" ng-click="PlusMinusVm.plus()" aria-label="party-mix-select.adultCountLabel plusMinus.increment-label 2" ng-disabled="PlusMinusVm.value >= PlusMinusVm.max || PlusMinusVm.ngDisabled" aria-disabled=""
aria-controls="" aria-expanded="" aria-haspopup="" value="increment" tabindex="0"> <span class="circle"> <wdpr-icon icon="" class="price-icon ng-isolate-scope" theme="light"><!-- ngIf: iconVm.showFallbackIcon -->
<!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]"
ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style="" aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </span> </button>
<!-- ngIf: PlusMinusVm.invalidNumberMessage --></wdpr-plus-minus> </div>
</div>
<div class="party-selection party-selection-child"> <label for="qqForm_childCount" class="control-label party-selection-label ng-binding">Children (0-17)</label>
<div class="party-selection-option"> <wdpr-plus-minus id="qqForm_childCountStateroom1" name="qqForm_childCount" dir-aria-label="party-mix-select.childCountLabel" has-pop-over="true" aria-control="childAge"
value="partyMixSelectVm.room.childCount" min="partyMixSelectVm.partyMixSelect.children.min" max="partyMixSelectVm.partyMixSelect.children.max" class="ng-isolate-scope"><button class="button" role="button"
aria-label="party-mix-select.childCountLabel plusMinus.decrement-label 0" ng-click="PlusMinusVm.minus()" ng-disabled="PlusMinusVm.value <= PlusMinusVm.min || PlusMinusVm.ngDisabled" aria-disabled="true" value="decrement"
tabindex="0" disabled="disabled"> <span class="circle"> <wdpr-icon icon="" class="price-icon ng-isolate-scope" theme="light"><!-- ngIf: iconVm.showFallbackIcon -->
<!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]"
ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style="" aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </span> </button> <input
class="number ng-pristine ng-untouched ng-valid ng-valid-maxlength" id="qqForm_childCountStateroom1" name="qqForm_childCount" value="0" ng-blur="PlusMinusVm.directEdit()" ng-model="PlusMinusVm.value" maxlength="3"
tabindex="-1" aria-readonly="true" ng-readonly="PlusMinusVm.inputReadonly || PlusMinusVm.ngDisabled" ng-class="{ editable: !PlusMinusVm.inputReadonly, disabled: PlusMinusVm.ngDisabled }" readonly="readonly"
aria-invalid="false"> <button class="button" role="button" ng-click="PlusMinusVm.plus()" aria-label="party-mix-select.childCountLabel plusMinus.increment-label 0"
ng-disabled="PlusMinusVm.value >= PlusMinusVm.max || PlusMinusVm.ngDisabled" aria-disabled="" aria-controls="childAge" aria-expanded="false" aria-haspopup="false" value="increment" tabindex="0"> <span class="circle">
<wdpr-icon icon="" class="price-icon ng-isolate-scope" theme="light"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep"
ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </span> </button> <!-- ngIf: PlusMinusVm.invalidNumberMessage --></wdpr-plus-minus> </div>
</div>
<div class="hide"> <input type="number" id="qqForm_partySize" name="qqForm_partySize" ng-init="partyMixSelectVm.partySize = partyMixSelectVm.room.adultCount + partyMixSelectVm.room.childCount + partyMixSelectVm.room.seniorCount"
ng-model="partyMixSelectVm.partySize" min="1" max="8" readonly="readonly" class="ng-pristine ng-untouched ng-valid ng-valid-min ng-valid-max" tabindex="0" aria-invalid="false">
<!-- ngRepeat: child in partyMixSelectVm.room.nonAdultAges track by $index --> </div> <!-- ngIf: partyMixSelectVm.showSubComponents() && !partyMixSelectVm.disableChildAges -->
<div class="party-selection accessible-room-container ng-hide" ng-hide="partyMixSelectVm.hideAccessibleCheckbox" aria-hidden="true"> <wdpr-checkbox dir-model="partyMixSelectVm.room._accessible" dir-id="accessibility-checkbox-1"
dir-aria-label="party-mix-select.a11y.common.accessibleRoom" ng-disabled="partyMixSelectVm.isCast" required="" class="ng-isolate-scope">
<div class="form-group"> <button type="button" role="checkbox" name="" id="accessibility-checkbox-1" class="btn-checkbox needsclick ng-pristine ng-untouched ng-valid small"
ng-class="{'small': checkboxVm.sizeBox, 'disabled': ngDisabled, 'has-error': hasError}" btn-checkbox="" btn-checkbox-true="true" btn-checkbox-false="false" ng-model="ngModel" ng-disabled="ngDisabled" ng-checked="ngModel"
aria-checked="false" tabindex="" ng-attr-aria-label="{{ariaLabel}}" aria-label="party-mix-select.a11y.common.accessibleRoom" aria-invalid="false"> <wdpr-icon ng-class="{'invisible': !ngModel}" icon="" theme="white"
class="ng-isolate-scope invisible"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style=""
aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon> </button> <label class="btn-checkbox-label" ng-transclude=""
ng-class="{'disabled': ngDisabled, 'has-error': hasError}" for="accessibility-checkbox-1"> <span class="ng-binding ng-scope">party-mix-select.accessibleRoomLabel</span> </label> </div>
</wdpr-checkbox> </div>
</div><!-- end ngIf: partyMixSelectVm.partyMixSelect.type === 'plus-minus' -->
</wdpr-party-mix-select><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.partyMixTickets) --> </div><!-- end ngIf: qqVm.form -->
<!-- ngIf: qqVm.shouldDisplay(qqVm.form.resort) --> <!-- ngIf: qqVm.config.options.multiRooms == 1 && qqVm.form.shopFor && qqVm.form.shopFor.selected.value == 1 --> <!-- ngIf: qqVm.form.accessible -->
<div id="accessibleContainer" ng-if="qqVm.form.accessible" ng-class="{fiftyAnniversaryA11yRooms: qqVm.brand == 'wdw'}" class="ng-scope fiftyAnniversaryA11yRooms">
<!-- ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) --><wdpr-checkbox ng-if="qqVm.shouldDisplay(qqVm.form.partyMixConfig)" dir-id="accessibleRooms" dir-name="qqForm_accessibleRooms" dir-model="qqVm.form.accessible.value"
dir-tabindex="0" class="ng-scope ng-isolate-scope">
<div class="form-group"> <button type="button" role="checkbox" name="qqForm_accessibleRooms" id="accessibleRooms" class="btn-checkbox needsclick ng-pristine ng-untouched ng-valid small"
ng-class="{'small': checkboxVm.sizeBox, 'disabled': ngDisabled, 'has-error': hasError}" btn-checkbox="" btn-checkbox-true="true" btn-checkbox-false="false" ng-model="ngModel" ng-disabled="ngDisabled" ng-checked="ngModel"
aria-checked="false" tabindex="0" ng-attr-aria-label="{{ariaLabel}}" aria-invalid="false"> <wdpr-icon ng-class="{'invisible': !ngModel}" icon="" theme="white"
class="ng-isolate-scope invisible"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon"
ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style="" aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon>
</button> <label class="btn-checkbox-label" ng-transclude="" ng-class="{'disabled': ngDisabled, 'has-error': hasError}" for="accessibleRooms"><span class="ng-binding ng-scope">Accessible Rooms </span></label> </div>
</wdpr-checkbox><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) --> </div><!-- end ngIf: qqVm.form.accessible --> <!-- ngIf: qqVm.form.accessibleInfo -->
<div id="accessibleInfoContainer" ng-if="qqVm.form.accessibleInfo" class="ng-scope"> </div><!-- end ngIf: qqVm.form.accessibleInfo -->
<div id="flexFiller"> </div> <!-- Old check broken: ng-disabled="{{qqVm.qqFormSubmitted}} && {{qqVm.qqFormInvalid}}" --> <!-- ngIf: qqVm.form.findRoomButton -->
<div id="findPricesContainer" ng-if="qqVm.form.findRoomButton" ng-class="{fiftyAnniversaryPillButton: qqVm.brand == 'wdw'}" class="ng-scope fiftyAnniversaryPillButton"> <!-- ngIf: !qqVm.externalPost -->
<!-- ngIf: qqVm.externalPost --><span ng-if="qqVm.externalPost" href="#" data-link-id="QQEUContPackage_Link" wdpr-analytics-track-link="{"interactionName":"QQ_FindPrices"}" class="ng-scope"> <button
wdpr-pillbutton-v2="" type="submit" theme="action" id="findPricesButton" name="findPricesButton" ng-click="qqVm.SubmitForm()" ng-disabled="qqVm.qqFormInvalid" ng-bind-html="qqVm.form.findRoomButton.label"
class="ng-binding ng-isolate-scope" tabindex="0" aria-disabled="false">Find Prices</button> </span><!-- end ngIf: qqVm.externalPost --> </div><!-- end ngIf: qqVm.form.findRoomButton -->
<div id="toggleCollapseContainer" ng-class="{fiftyAnniversaryToggleCollapse: qqVm.brand == 'wdw'}" class="fiftyAnniversaryToggleCollapse">
<a id="toggleCollapse" icon="" size="xl" rotate="qqVm.qqCollapsed ? 90 : 270" ng-click="qqVm.qqCollapsed = !qqVm.qqCollapsed" wdpr-link-with-icon="" tabindex="0"><wdpr-icon icon="" size="xl" rotate="qqVm.qqCollapsed ? 90 : 270" class="ng-scope ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span class="icon ng-binding ng-scope pep" ng-bind-html="iconVm.icon" ng-class="[iconVm.fontTypeClass, rotateClass]" ng-if="iconVm.showIcon && !iconVm.showFallbackIcon" ng-style="" aria-label="Icon"></span><!-- end ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --></wdpr-icon><div class="message" ng-transclude=""><span class="ng-binding ng-scope">Open</span></div></a>
</div>
</div>
</ng-include> <!-- <ng-include src="'/wdpr-quickquote/partials/form-errors.html'"></ng-include> --> <!-- ngInclude: undefined --><ng-include src="'/wdpr-quickquote/partials/form-field-errors.html'" class="ng-scope"><!--
form field errors <hr />
seems fine without this if, but holding for a while ng-if="qqVm.qqFormSubmitted && qqVm.qqFormInvalid"
-->
<div id="formFieldErrors" class="ng-scope"> <!-- ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
<div class="form-field-error ng-scope ng-inactive" ng-repeat="(fieldName, field) in qqVm.form.errorMessages" ng-messages="qqVm.qqForm[fieldName].$error" aria-live="assertive">
<!-- ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo --><!-- ngIf: qqVm.qqForm[fieldName].$error[errorType] --><!-- end ngRepeat: (errorType, errorMessage) in qqVm.form.errorMessages[fieldName].errors | limitTo: field.limitTo -->
</div><!-- end ngRepeat: (fieldName, field) in qqVm.form.errorMessages -->
</div>
</ng-include> <!-- ngInclude: undefined --><ng-include src="'/wdpr-quickquote/partials/child-age-field-errors.html'" class="ng-scope"><!--
field level errors
partyMixAgesState: {{qqVm.partyMixAgesState}} |
qqFormSubmitted: {{qqVm.qqFormSubmitted}} |
validAges: {{qqVm.validAges}}
--> <!-- ngIf: qqVm.partyMixAgesState == 'partyMixAgesShown' && qqVm.qqFormSubmitted && !qqVm.validAges --> </ng-include> <!-- ngIf: qqVm.debug --> </div>
</div>
</div>
</div>
</ng-include> </form>
Name: shadowForm — POST
<form class="shadowForm ng-pristine ng-valid ng-scope hide" ng-class="{hide: !qqVm.debug}" name="shadowForm" method="POST" novalidate=""> <!-- ngIf: qqVm.config._info.csrfToken --><input ng-if="qqVm.config._info.csrfToken" type="hidden"
name="pep_csrf" ng-value="qqVm.config._info.csrfToken" class="ng-scope"
value="0DjLsecULwOo9vkEWq2N69cCKIMD6bPieMdGyVqpmN-yEKY0PJXpDG9Vka4OiP5Y_gRoqJHSLAy_8cPbyN6bJzUemh8lRUJdEoo3bQYmdTmL7ZkQnqtfXPnpXQ2aYWod"><!-- end ngIf: qqVm.config._info.csrfToken --> <input type="hidden" name="pageLocation" value=""> <input
type="hidden" name="offer" value=""> <!-- ngIf: !qqVm.config._info.csrfToken --> <!-- Developer Fields -->
<section> <!-- ngIf: qqVm.xDebug --> <!-- ngIf: qqVm.xDebug --> </section> <!-- Date Range Fields --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) -->
<section ng-if="qqVm.shouldDisplay(qqVm.form.checkInDate)" class="ng-scope"> <wdpr-form-group label-text="arrivalDate" class="pull-left ng-isolate-scope">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">arrivalDate </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="arrivalDate" placeholder="arrivalDate" ng-value="qqVm.qqForm.dateRange.checkInDate.$viewValue" class="ng-scope form-control"> </div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message
for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude="" aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group> <wdpr-form-group label-text="departureDate" class="pull-left ng-isolate-scope">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">departureDate </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="departureDate" placeholder="departureDate" ng-value="qqVm.qqForm.dateRange.checkOutDate.$viewValue" class="ng-scope form-control"> </div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message
for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude="" aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group> <!-- ngIf: qqVm.qqForm.qqForm_generalAdmission.$viewValue.value --> </section><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.checkInDate) --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.Duration) --><wdpr-form-group
label-text="Duration" class="pull-left ng-scope ng-isolate-scope" ng-if="qqVm.shouldDisplay(qqVm.form.Duration)">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">Duration </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="Duration" ng-value="qqVm.Duration()" class="ng-scope form-control" value="-1"> </div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message for="" class="ng-isolate-scope"><ng-messages
for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude="" aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.Duration) -->
<hr class="clear hide" ng-class="{hide: !qqVm.debug}"> <!-- ngIf: qqVm.form.shopFor --><wdpr-form-group label-text="" class="pull-left findMe ng-scope ng-isolate-scope" ng-if="qqVm.form.shopFor">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="shopFor" placeholder="shopFor" ng-value="qqVm.form.shopFor.selected.value" class="ng-scope form-control" value="hotelVilla">
<pre class="ng-binding ng-scope">{
"label": {
"text": "Hotel + Ticket",
"linkId": "QQEUContPackage_Link",
"planType": "",
"minLengthOfStay": "",
"defaultLengthOfStay": "",
"defaultCheckinDate": ""
},
"value": "hotelVilla"
}</pre>
</div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude=""
aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group><!-- end ngIf: qqVm.form.shopFor --> <!-- Travel Party Fields --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) -->
<section ng-if="qqVm.shouldDisplay(qqVm.form.partyMixConfig)" class="ng-scope"> <wdpr-form-group label-text="adults" class="pull-left ng-isolate-scope">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">adults </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="number" name="adults" placeholder="adults" ng-value="qqVm.qqForm.qqForm_adultCount.$viewValue" class="ng-scope form-control" value="2"> </div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message for=""
class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude="" aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group> <wdpr-form-group label-text="children" class="pull-left ng-isolate-scope">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">children </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="number" name="children" placeholder="children" ng-value="qqVm.qqForm.qqForm_childCount.$viewValue" class="ng-scope form-control" value="0"> </div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message
for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude="" aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group> <!-- ngRepeat: child in qqVm.form.partyMixConfig.room.nonAdultAges track by $index --> <!-- ngIf: qqVm.qqForm.qqForm_seniors.$viewValue.value --> </section><!-- end ngIf: qqVm.shouldDisplay(qqVm.form.partyMixConfig) -->
<hr class="clear hide" ng-class="{hide: !qqVm.debug}"> <!-- Optional Airport Fields --> <!-- ngIf: qqVm.shouldDisplay(qqVm.form.departAirport) -->
<hr class="clear hide" ng-class="{hide: !qqVm.debug}"> <!-- Optional Resort Field --> <!-- ngIf: qqVm.form.resort.selected.value --> <!-- Optional Accessible Room Field --> <!-- name="accessible" --> <!-- ngIf: qqVm.form.accessible.value -->
<hr class="clear hide" ng-class="{hide: !qqVm.debug}"> <!-- Hidden Fields -->
<section> <!-- ngIf: qqVm.form.planType.value && qqVm.shouldDisplay(qqVm.form.planType) --><wdpr-form-group label-text="planType" class="pull-left ng-scope ng-isolate-scope"
ng-if="qqVm.form.planType.value && qqVm.shouldDisplay(qqVm.form.planType)">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">planType </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="planType" value="RT" class="ng-scope form-control">
<pre class="ng-binding ng-scope">{
"value": "RT",
"dependency": {
"field": "shopFor",
"value": "!ticketOnly"
},
"paramName": "planType",
"default": "RT",
"constructedBy": "n"
}</pre>
</div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude=""
aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group><!-- end ngIf: qqVm.form.planType.value && qqVm.shouldDisplay(qqVm.form.planType) --> <!-- ngIf: qqVm.form.Sorting.value && qqVm.shouldDisplay(qqVm.form.Sorting) --><wdpr-form-group label-text="Sorting"
class="pull-left ng-scope ng-isolate-scope" ng-if="qqVm.form.Sorting.value && qqVm.shouldDisplay(qqVm.form.Sorting)">
<div for="" class="form-group" ng-class="{'disabled' : formGroupVm.disabled}" show-validation-state=""> <!-- ngIf: formGroupVm.labelText --><label ng-if="formGroupVm.labelText" for="" id="_label" ng-show="formGroupVm.labelText"
class="control-label ng-binding ng-scope" aria-hidden="false">Sorting </label><!-- end ngIf: formGroupVm.labelText -->
<div ng-transclude=""> <input type="text" name="Sorting" value="Preis" class="ng-scope form-control">
<pre class="ng-binding ng-scope">{
"value": "Preis",
"dependency": {
"field": "shopFor",
"value": "hotelVilla"
},
"paramName": "Sorting",
"default": "Preis",
"constructedBy": "n"
}</pre>
</div> <!-- ngIf: formGroupVm.helpBlock --> <validation-message for="" class="ng-isolate-scope"><ng-messages for="getErrors()" ng-show="showErrors" ng-messages-include="../validation-message/validation-message-defaults.html" ng-transclude=""
aria-hidden="true"
class="ng-hide ng-inactive"><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --><!-- ngMessage: undefined --></ng-messages></validation-message>
</div>
</wdpr-form-group><!-- end ngIf: qqVm.form.Sorting.value && qqVm.shouldDisplay(qqVm.form.Sorting) --> </section> <!-- ngIf: qqVm.form.departAirport.selected.cssClass -->
</form>
Text Content
Visit Disney.com Skip Navigation Sign In or Create Account Europe (English) Search Navigation Links Parks & Tickets THEME PARKS * Magic Kingdom * EPCOT * • Guardians of the Galaxy: Cosmic Rewind * Disney's Hollywood Studios * • Star Wars: Galaxy's Edge * Disney's Animal Kingdom WATER PARKS * Disney's Typhoon Lagoon * Disney's Blizzard Beach ADMISSIONS * All Tickets & Passes * Theme Park Tickets * Theme Park Reservations * Special Event Tickets * Water Park Tickets * Maps and Transportation * Park Hours for Thursday, June 20, 2024 More Hours * Magic Kingdom Park Hours 9:00 am to 11:00 pm * EPCOT Hours 9:00 am to 9:00 pm * Disney's Hollywood Studios Hours 9:00 am to 9:30 pm * Disney's Animal Kingdom Hours 8:00 am to 7:00 pm * Disney's Typhoon Lagoon Hours 10:00 am to 6:00 pm * Disney's Blizzard Beach Hours Closed Today Places to Stay DISNEY RESORTS COLLECTION * Deluxe Villas * Deluxe Resort Hotels * Moderate Resort Hotels * Value Resort Hotels * Campgrounds OTHER SELECT DELUXE HOTELS * Walt Disney World Dolphin Hotel * Walt Disney World Swan Hotel * Walt Disney World Swan Reserve MORE GREAT ACCOMMODATIONS * Four Seasons Resort Orlando at Walt Disney World Resort * Walt Disney World Official Hotels: Disney Springs Resort Area * Walt Disney World Official and Gateway Hotels: Bonnet Creek * Walt Disney World Gateway Hotels * View All * Maps and Transportation FEATURED ITEMS * Disney's Port Orleans Resort - French Quarter * Why Stay at a Disney Resort Hotel? * Family Suites at Disney's Art of Animation Resort * Disney's Grand Floridian Resort & Spa * Disney Springs Resort Area Hotels * View Special Offers Things to Do DINING * Make Reservations * About Dining * All Dining * Dining Plans ACTIVITIES * Attractions and Entertainment * Character Experiences * Events and Tours * Enchanting Extras Collection * Spas and Fitness Centers * Sports and Recreation SHOPPING * All Stores DESTINATIONS * Water Parks * Disney Springs * Disney's Boardwalk * ESPN Wide World of Sports * Cirque du Soleil Drawn to Life * Maps and Transportation * Mickey & Minnie's Runaway Railway * Star Wars at Disney's Hollywood Studios * Enchanting Extras Collection * Disney Springs - Happily Whatever You’re After * Pandora - The World of Avatar * Cinderella Castle * View Events Deals MORE DISNEY MAGIC * Disney Kids Guide * Disney Teens Guide PACKAGE BENEFITS * Exclusive Disney Extras * Low deposits from €65 * Hotel & Ticket Deals FEATURED DEALS * Adults at Kids' Prices on All 2024 Tickets * Up to 25% Off at Disney Resort Hotels * View All Deals Help & Rules * Help Center * Guest Services * Guests with Disabilities * Frequently Asked Questions * Know Before You Go * Planning with Our App * planDisney * Contact Us RULES * Walt Disney World Rules * Recent Updates * Prohibited Items * Smoking Areas * Weapons Policy * What should EU citizens know about traveling to the United States? * Do I need to present a passport or photo ID when I check into a Disney Resort hotel? * View All My Disney Experience * My Plans View or modify dining, Resort hotel and tickets * My Disney Bands and Cards Ordering and managing status * My Family & Friends People connected to me * My Photos Disney PhotoPass pictures and videos * Theme Park Reservations Make or modify theme park reservations * Disney Genie Personalized itinerary and recommendations * Reserve Dining Restaurants and dinner shows * Book Enchanting Extras/Experiences Magical experiences for a memorable visit. * Buy Memory Maker Unlimited Disney PhotoPass downloads * Disney Store Merchandise for your visit * Sign In or Create Account * Annual Passholder Types, Benefits and Discount icons.close icons.alert June 20, 2024 default default icons.close icons.alert June 20, 2024 default default Purchase Tickets Purchase Tickets tickets quick quote Price Your Holiday Shop For Hotel + Ticket * Hotel + Ticket * Hotel * Tickets Dates – S M T W T F S June 2024 S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 July 2024 S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 August 2024 S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 September 2024 S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 date-picker.close Adults (18+) Children (0-17) party-mix-select.accessibleRoomLabel Accessible Rooms Find Prices Open FOR OFFICE USE ONLY - WDW EN-EU -------------------------------------------------------------------------------- arrivalDate departureDate Duration -------------------------------------------------------------------------------- { "label": { "text": "Hotel + Ticket", "linkId": "QQEUContPackage_Link", "planType": "", "minLengthOfStay": "", "defaultLengthOfStay": "", "defaultCheckinDate": "" }, "value": "hotelVilla" } adults children -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- planType { "value": "RT", "dependency": { "field": "shopFor", "value": "!ticketOnly" }, "paramName": "planType", "default": "RT", "constructedBy": "n" } Sorting { "value": "Preis", "dependency": { "field": "shopFor", "value": "hotelVilla" }, "paramName": "Sorting", "default": "Preis", "constructedBy": "n" } -------------------------------------------------------------------------------- Loading * ReplayBuy Closed captioning is not available for this video. Loading Previous Next Photo 1 of 1 Play Video 0:03 / 0:08 Mute Closed Captioning Descriptive transcript is not available for this video. Full ScreenSHARE Beginning of Dialog Content SHARE PINTERESTTWITTERFACEBOOKEMAILEnd of Dialog Content undefined undefined currently selected. 1. undefined undefined undefined currently selected. 1. undefined Show All Previous Next Play Slideshow * Photos * Videos * 360° Views * Interactive * Floor Plans ADULTS AT KIDS' PRICES ON ALL 2024 TICKETS! ADULTS AT KIDS' PRICES ON ALL 2024 TICKETS! Watch Video Learn More Learn More * Today's Park Hours * Today's Park Hours * PARK HOURS FOR Thursday, June 20, 2024 Magic Kingdom Park 9:00 AM to 11:00 PM EPCOT 9:00 AM to 9:00 PM Disney's Hollywood Studios 9:00 AM to 9:30 PM Disney's Animal Kingdom Theme Park 8:00 AM to 7:00 PM Disney's Typhoon Lagoon Water Park 10:00 AM to 6:00 PM Disney's Blizzard Beach Water Park Closed Today PARK TICKETS AND OFFERS ADULTS AT KIDS' PRICES ON ALL 2024 TICKETS For a limited time only, get adult tickets at child prices for all 2024 arrivals. Experience the magic your way, with a ticket for every type of visit. Don't miss out - buy your tickets by 27th June 2024 to enjoy big fun at small prices! Purchase Your Tickets View More Offers SAVE UP TO 25% AT DISNEY RESORT HOTELS IN SUMMER 2024 Live your own fairytale this summer holiday with a stay in one of our Disney Resort hotels. Enjoy room savings of up to 25% at selected hotels when you book your Walt Disney World holiday by 26th September 2024 for stays between 8th July to 3rd October 2024. View Hotel Offer SHOP, PLAN AND PLAY Dining Reservations Discover Disney at Home with Books, Crafts, Movies and More… Send Imaginations Soaring Shop All Toys A Great Way to Enjoy Your Disney Day * For assistance with your Walt Disney World visit, call 00 800 2006 0809* (freephone) or 00 44 203 666 9911** (charges apply). * Monday to Friday 9:00 AM to 8:00 PM, Saturday 9:00 AM to 7:00 PM and Sunday 10:00 AM to 6:00 PM (GMT) *Calls to this number are generally free, but some charges may still apply from a landline or mobile. **International call charges apply. Please check with your network operator for rates. Guests under 18 years of age must have parent or guardian permission to call. Show More Links Footer Links Parks & Tickets * Magic Kingdom Park * EPCOT * Disney's Hollywood Studios * Disney's Animal Kingdom Park * Water Parks * Park Hours * Park Tickets * Theme Park Reservations Places to Stay * Resort Hotels * Special Offers * Holiday Packages * Disney Springs Resort Area Hotels * Why Stay at a Disney Hotel? * Vacation Packages * Explore More Great Accommodations Things to Do * Make Dining Reservations * All Restaurants * Dining Plans * Attractions * Character Experiences * Entertainment * Events & Tours * Shops * Spas & Fitness Centers * Sports and Recreation * Photography * Disney Springs * Disney's BoardWalk * ESPN Wide World of Sports Help * Contact Us * Help Center * Frequently Asked Questions * Guests with Disabilities * Guest Services * planDisney * Guest Safety * Park Security * Property Rules * Privacy & Legal * Travel Partners * Website Help Learn About * MyMagic+ * My Disney Experience * My Family & Friends * Memory Maker * Disney Bands and Cards * Mobile App * Play Disney Parks Mobile App My Disney Experience * My Disney Experience * My Itinerary * My Reservations and Tickets * My Profile * My Family and Friends List * Disney Bands and Cards * My Photos * Memory Maker Walt Disney Travel Company * Europe (€) * Deutschland (€) * España (€) * Stay Connected Facebook Twitter Pinterest Instagram YouTube Channel Blog * Your Travel Protection * Free Vacation Planning Videos Start planning your dream Disney VacationView Videos * Sign Up for Updates Be the first to hear about the latest news and special offers at Walt Disney World Resort.Create Account * Help & Guest Services * Site Map * Terms of Use * Legal Notices * Privacy Policy * Cookies Policy * UK & EU Privacy Rights * Manage Preferences * Interest-Based Ads Holidays booked through this website are sold by Walt Disney Travel Company (International), a division of The Walt Disney Company Ltd. Registered in London, No. 530051. Registered Office: 3 Queen Caroline Street, Hammersmith, London W6 9PE, UK. Members of ABTA (numbers W1803/P6684) and ATOL (number 10401). © Disney, All Rights Reserved Application Override Active - Acting As production | Service Override Active - Acting As undefined WE VALUE YOUR PRIVACY We and our partners process information about you, your devices and your online behaviour using technologies such as cookies to provide, analyse and improve our services; to personalise content or advertising on this or other sites; and to provide social media features. For more information, go here. Reject All Accept All Manage Preferences COOKIE PREFERENCE CENTER * YOUR PRIVACY * TECHNICALLY NECESSARY * PERFORMANCE & ANALYTICS * FUNCTIONAL * TARGETING & ADVERTISING COOKIES YOUR PRIVACY 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 to change your default settings. Please be aware that blocking some types of cookies may adversely impact your experience of our site and the services we are able to offer. Using this tool will set a cookie on your device to remember your preferences, which you can change at any time. To find out more, please read our cookie policy. TECHNICALLY NECESSARY Always Active These cookies are necessary for our services 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, accessing, searching, or discovering content, 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. Cookies Details PERFORMANCE & ANALYTICS Performance & Analytics 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. Cookies Details FUNCTIONAL Functional These cookies are used by us to detect or remember choices you make to customise your experience, such as language, location or other settings. Disabling these cookies may impact performance. Cookies Details TARGETING & ADVERTISING COOKIES Targeting & Advertising Cookies These cookies may be set through our site by us and/or by our advertising partners. They may be used to build a profile of your interests and show you relevant advertising on this and on other sites. They may not store directly personal information, but instead may be based on uniquely identifying your browser and internet device. You can choose to allow these cookies or to opt out at any time. Cookies Details Back Button COOKIE LIST Filter Button Consent Leg.Interest checkbox label label checkbox label label checkbox label label Clear checkbox label label Apply Cancel Save Settings Reject All Accept All