www.disneyworld.eu
Open in
urlscan Pro
2a02:26f0:1700:5::5f65:1b46
Public Scan
Submitted URL: http://disneyworld.disney.go.com/
Effective URL: https://www.disneyworld.eu/
Submission: On October 27 via api from US — Scanned from DE
Effective URL: https://www.disneyworld.eu/
Submission: On October 27 via api 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 aria-label="qqVm.form.purchaseTickets.label" class="icon ng-binding ng-scope pep rotate-0" 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> <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 aria-label="qqVm.form.purchaseTickets.label" class="icon ng-binding ng-scope pep rotate-90" 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> <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 aria-label="Icon"
class="icon ng-binding ng-scope pep rotate-90" 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>
<div ng-bind-html="qqVm.form.title.label" class="ng-binding">Price Your Vacation</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-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 aria-label="Icon"
class="icon ng-binding ng-scope pep rotate-0" 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 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="Check In MM/DD/YYYY Press shift + enter to navigate within the 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="Check Out MM/DD/YYYY Press shift + enter to navigate within the 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0" 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
aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0" 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> <!-- 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0"
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><!-- 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="Previous months" 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0"
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> <!-- ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="October 2022 Press tab/shift + tab to navigate through months, or press shift + enter to select a day." 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">October </span> <span class="title-year ng-binding">2022</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="10_1_2022" 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 October 1st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_2_2022" 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 October 2nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_3_2022" 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 October 3rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_4_2022" 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 October 4th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_5_2022" 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 October 5th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_6_2022" 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 October 6th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_7_2022" 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 October 7th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_8_2022" 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 October 8th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_9_2022" 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 October 9th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_10_2022" 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 October 10th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_11_2022" 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 October 11th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_12_2022" 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 October 12th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_13_2022" 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 October 13th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_14_2022" 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 October 14th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_15_2022" 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 October 15th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_16_2022" 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 October 16th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_17_2022" 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 October 17th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_18_2022" 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 October 18th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_19_2022" 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 October 19th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_20_2022" 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 October 20th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_21_2022" 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 October 21st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_22_2022" 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 October 22nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_23_2022" 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 October 23rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_24_2022" 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 October 24th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_25_2022" 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 October 25th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_26_2022" 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 October 26th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="10_27_2022" 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 October 27th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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" 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="10_28_2022" 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 October 28th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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" 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="10_29_2022" 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 October 29th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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" 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="10_30_2022" 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 October 30th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="10_31_2022" 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 October 31st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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 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="November 2022 Press tab/shift + tab to navigate through months, or press shift + enter to select a day." 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">November </span> <span class="title-year ng-binding">2022</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" 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="11_1_2022" 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 November 1st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_2_2022" 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 November 2nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_3_2022" 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 November 3rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_4_2022" 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 November 4th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_5_2022" 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 November 5th, 2022 Press enter to select a date, or press arrow keys to navigate through days." class="ng-binding"> 5 </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="11_6_2022" 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 November 6th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_7_2022" 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 November 7th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_8_2022" 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 November 8th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_9_2022" 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 November 9th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_10_2022" 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 November 10th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_11_2022" 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 November 11th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_12_2022" 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 November 12th, 2022 Press enter to select a date, or press arrow keys to navigate through days." class="ng-binding"> 12 </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="11_13_2022" 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 November 13th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_14_2022" 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 November 14th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_15_2022" 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 November 15th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_16_2022" 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 November 16th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_17_2022" 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 November 17th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_18_2022" 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 November 18th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_19_2022" 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 November 19th, 2022 Press enter to select a date, or press arrow keys to navigate through days." class="ng-binding"> 19 </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="11_20_2022" 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 November 20th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_21_2022" 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 November 21st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_22_2022" 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 November 22nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_23_2022" 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 November 23rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_24_2022" 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 November 24th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_25_2022" 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 November 25th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_26_2022" 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 November 26th, 2022 Press enter to select a date, or press arrow keys to navigate through days." class="ng-binding"> 26 </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="11_27_2022" 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 November 27th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_28_2022" 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 November 28th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_29_2022" 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 November 29th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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-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="11_30_2022" 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 November 30th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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><!-- end ngRepeat: rows in month.dateRows track by $index -->
</div>
</div><!-- end ngRepeat: month in calendarVm.months track by $index -->
<div aria-label="December 2022 Press tab/shift + tab to navigate through months, or press shift + enter to select a day." 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">December </span> <span class="title-year ng-binding">2022</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="12_1_2022" 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 December 1st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_2_2022" 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 December 2nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_3_2022" 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 December 3rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_4_2022" 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 December 4th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_5_2022" 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 December 5th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_6_2022" 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 December 6th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_7_2022" 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 December 7th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_8_2022" 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 December 8th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_9_2022" 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 December 9th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_10_2022" 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 December 10th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_11_2022" 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 December 11th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_12_2022" 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 December 12th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_13_2022" 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 December 13th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_14_2022" 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 December 14th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_15_2022" 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 December 15th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_16_2022" 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 December 16th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_17_2022" 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 December 17th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_18_2022" 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 December 18th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_19_2022" 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 December 19th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_20_2022" 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 December 20th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_21_2022" 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 December 21st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_22_2022" 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 December 22nd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_23_2022" 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 December 23rd, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_24_2022" 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 December 24th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_25_2022" 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 December 25th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_26_2022" 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 December 26th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_27_2022" 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 December 27th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_28_2022" 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 December 28th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_29_2022" 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 December 29th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_30_2022" 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 December 30th, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="12_31_2022" 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 December 31st, 2022 Press enter to select a date, or press arrow keys to navigate through days." 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="January 2023 Press tab/shift + tab to navigate through months, or press shift + enter to select a day." 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">January </span> <span class="title-year ng-binding">2023</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="1_1_2023" 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 January 1st, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_2_2023" 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 January 2nd, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_3_2023" 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 January 3rd, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_4_2023" 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 January 4th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_5_2023" 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 January 5th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_6_2023" 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 January 6th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_7_2023" 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 January 7th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_8_2023" 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 January 8th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_9_2023" 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 January 9th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_10_2023" 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 January 10th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_11_2023" 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 January 11th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_12_2023" 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 January 12th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_13_2023" 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 January 13th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_14_2023" 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 January 14th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_15_2023" 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 January 15th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_16_2023" 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 January 16th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_17_2023" 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 January 17th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_18_2023" 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 January 18th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_19_2023" 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 January 19th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_20_2023" 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 January 20th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_21_2023" 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 January 21st, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_22_2023" 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 January 22nd, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_23_2023" 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 January 23rd, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_24_2023" 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 January 24th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_25_2023" 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 January 25th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_26_2023" 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 January 26th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_27_2023" 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 January 27th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_28_2023" 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 January 28th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_29_2023" 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 January 29th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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="1_30_2023" 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 January 30th, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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-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="1_31_2023" 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 January 31st, 2023 Press enter to select a date, or press arrow keys to navigate through days." 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 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="Next months" tabindex="0" aria-disabled="false"> <wdpr-icon icon="" tabindex="-1"
class="ng-isolate-scope"><!-- ngIf: iconVm.showFallbackIcon --> <!-- ngIf: iconVm.showIcon && !iconVm.showFallbackIcon --><span aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0"
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> <!-- 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">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_adultCount" name="qqForm_adultCount" dir-aria-label="Adult Count" 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="Adult Count Decrement with input value 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0" 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> </span>
</button> <input class="number ng-pristine ng-untouched ng-valid ng-valid-maxlength" id="qqForm_adultCount" 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="Adult Count Increment with input value 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0" 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> </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_childCount" name="qqForm_childCount" dir-aria-label="Child Count" 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="Child Count Decrement with input value 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 aria-label="Icon"
class="icon ng-binding ng-scope pep rotate-0" 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> </span> </button> <input class="number ng-pristine ng-untouched ng-valid ng-valid-maxlength" id="qqForm_childCount"
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="Child Count Increment with input value 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0" 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> </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="Room 1. Accessible Room." 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="Room 1. Accessible Room." 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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0"
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> <label class="btn-checkbox-label" ng-transclude="" ng-class="{'disabled': ngDisabled, 'has-error': hasError}"
for="accessibility-checkbox-1"> <span class="ng-binding ng-scope">Accessible Room</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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-0"
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> <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 aria-label="Icon" class="icon ng-binding ng-scope pep rotate-90" 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><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="pMDJaCXY6QT5WddPF3blninZQhqC6dC0ogSgS2DnlH3Q0QshEEOHrh8um9JTeLywJSqjjrW6v_w-upWfeLiqyxL3uDJBZgetFR8L1wyJh2GAF-ySuu-kM4dYfhAZMBjj"><!-- 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) SearchClear Search Show Navigation Navigation Links Parks & Tickets Celebrations * 50th Anniversary Celebration 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 Wednesday, October 26, 2022 More Hours * Magic Kingdom Park Hours 9:00 am to 11:00 pm * EPCOT Hours 8:30 am to 9:00 pm * Disney's Hollywood Studios Hours 8:30 am to 9:00 pm * Disney's Animal Kingdom Hours 9:00 am to 7:00 pm * Disney's Typhoon Lagoon Hours 10:00 am to 5: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 * Star Wars: Galactic Starcruiser - Now Open! A 2-Night, Immersive Adventure 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 * Maps and Transportation * Mickey & Minnie's Runaway Railway * Star Wars at Disney's Hollywood Studios * Enchanting Extras Collection * Disney Springs. Your Place to Be * 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 * Discover Walt Disney World Park Tickets * Book Your Holiday for 2023 Now! * 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 Dining, Resort hotel and tickets * My MagicBands and Cards Ordering and managing status * My Family & Friends People connected to me * My Photos Disney PhotoPass pictures and videos * Disney Park Pass System Make or modify 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 * shopDisney Merchandise for your visit * Sign In or Create Account * Annual Passholder Types, Benefits and Discount Show Search Close Message Alert Icon October 27, 2022 default default Close Message Alert Icon October 27, 2022 default default Purchase Tickets Purchase Tickets tickets quick quote Price Your Vacation Shop For Hotel + Ticket * Hotel + Ticket * Hotel * Tickets Dates – S M T W T F S October 2022 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 November 2022 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 December 2022 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 January 2023 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 Close Adults (18+) Children (0-17) Accessible Room 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:30 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 ENJOY 20% OFF SELECTED DISNEY RESORT HOTELS THIS SUMMER CELEBRATE ACROSS ALL 4 THEME PARKS AND BEYOND Play Full Video Learn More Learn More * Today's Park Hours * TODAY'S PARK HOURS Thursday, October 27, 2022 More Park Hours Today's park hours are not currently available. PARK TICKETS AND OFFERS WALT DISNEY WORLD THEME PARK TICKETS Buy your multi-day tickets and discover the wonder of the Disney Parks from only €50 per day. Explore our range of ticket options! Purchase Tickets View More Offers BOOK EARLY FOR 2023 From thrilling new attractions and immersive dining experiences to spectacular parades and hugs with beloved Disney Characters, there’s something for everyone at Walt Disney World Resort in Florida. Discover the magic and book your 2023 holiday now. Book Now PLANNING AND EXPERIENCES What to Know Before You Go Magic Kingdom Park Live the Fairy Tale EPCOT Travel in Time and Space Disney's Animal Kingdom Alive with Magic Disney's Hollywood Studios Encounter the Thrills Walt Disney World’s 50th Anniversary INTRODUCING AN ALL-NEW COASTER SHOP, PLAN AND PLAY Discover Disney at Home with Books, Crafts, Movies and More… Send Imaginations Soaring Shop All Toys Create Your Best Disney Day with Our New Service Application Override Active - Acting As repo | Service Override Active - Acting As undefined COOKIE PREFERENCE CENTER * YOUR PRIVACY * TECHNICALLY NECESSARY * PERFORMANCE & ANALYTICS * FUNCTIONAL * ADVERTISING 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 Technically necessary to provide this service or other features. Cookies Details PERFORMANCE & ANALYTICS Performance & Analytics Used by us or third party partners to measure and analyse performance and use, and to help improve our services. Cookies Details FUNCTIONAL Functional These cookies enable the website to provide enhanced functionality. They may be set by us and/or by third party providers whose services we have added to our pages. If you disable these cookies then some or all of these services may not function properly and our site may not perform as smoothly for you as we would like. Cookies Details ADVERTISING Advertising Used by us or third party partners to collect information about your online behaviour or location to show you relevant or personalised content or advertising on this and other sites, apps or platforms, including social media. Cookies Details BACK BUTTON BACK Vendor Search Filter Button Consent Leg.Interest checkbox label label checkbox label label checkbox label label * 33ACROSS 33ACROSS View Third Party Cookies * Name cookie name Clear checkbox label label Apply Cancel Save Settings Reject All Accept All ABOUT COOKIES 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