booking.eu.guestline.app
Open in
urlscan Pro
172.211.210.15
Public Scan
Submitted URL: http://booking.eu.guestline.app/TIC/availability?hotel=TICCROWN&_gl=1*430g5e*_ga*MTk5MTk5NjkyNS4xNzIxMjI0NDA5*_ga_YTBVBBFXV7*MTc...
Effective URL: https://booking.eu.guestline.app/TIC/availability?hotel=TICCROWN&_gl=1*430g5e*_ga*MTk5MTk5NjkyNS4xNzIxMjI0NDA5*_ga_YTBVBBFXV7*MTc...
Submission: On July 19 via api from IE — Scanned from GB
Effective URL: https://booking.eu.guestline.app/TIC/availability?hotel=TICCROWN&_gl=1*430g5e*_ga*MTk5MTk5NjkyNS4xNzIxMjI0NDA5*_ga_YTBVBBFXV7*MTc...
Submission: On July 19 via api from IE — Scanned from GB
Form analysis
1 forms found in the DOM<form class="search__form" data-hs-cf-bound="true">
<div class="jss376 jss377">
<div class="MuiContainer-root MuiContainer-maxWidthLg css-rweiat">
<div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root jss398 jss379 css-1ytfvaq">
<div class="MuiCardContent-root jss401 jss380 css-1qw96cp" style="background-color: rgb(255, 255, 255);">
<div class="MuiGrid-root MuiGrid-container css-8rnkcc">
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<h1 class="MuiTypography-root MuiTypography-h5 css-136he98" style="color: rgba(0, 0, 0, 0.87); margin-bottom: 16px;">Choose your stay...</h1>
</div>
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<div style="opacity: 1; transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><button
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textGrey MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textGrey MuiButton-sizeMedium MuiButton-textSizeMedium jss403 css-r1wwix"
tabindex="0" type="button" data-testid="promocodeButton" style="color: rgba(0, 0, 0, 0.87);">Promo code<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall jss404 css-1k33q06" focusable="false" aria-hidden="true" viewBox="0 0 24 24"
data-testid="AddCircleOutlineIcon">
<path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path>
</svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 jss383 css-tuxzvu">
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-3 css-1ha4th6">
<div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-xxees4" data-testid="hotelAutoComplete">
<div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-feqhe6" data-testid="hotelInput"><label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-filled css-1qxgy25"
data-shrink="true" for=":r1:" id=":r1:-label">Where are you going?</label>
<div class="MuiInputBase-root MuiFilledInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd MuiAutocomplete-inputRoot jss392 css-1obt5tg"><input aria-invalid="false"
autocomplete="off" id=":r1:" type="text" class="MuiInputBase-input MuiFilledInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-ftr4jk" aria-autocomplete="both" aria-expanded="false"
autocapitalize="none" spellcheck="false" role="combobox" value="The Crown Hotel, London">
<div class="MuiAutocomplete-endAdornment css-2iz2x6"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-clearIndicator css-edpqz1" tabindex="-1" type="button" aria-label="Clear"
title="Clear"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="CloseIcon">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
</svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-uge3vf" tabindex="-1" type="button"
aria-label="Open" title="Open"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon">
<path d="M7 10l5 5 5-5z"></path>
</svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-5 css-1r482s6">
<div class="datepicker datepicker--focused">
<style>
.DayPickerNavigation {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.DayPickerNavigation_button,
.DayPickerNavigation_button:hover {
height: 2rem;
width: 3rem;
display: flex;
align-items: flex-start;
justify-content: center;
border: none;
margin: 1.3rem 0.5rem;
}
.DayPickerNavigation_button.DayPickerNavigation_button__disabled {
color: rgba(0, 0, 0, 0.38)
}
.datepicker {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.23);
border-radius: 0px;
padding: 13px 14px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.DateRangePicker_picker,
.DayPicker__horizontal {
border-radius: 0px;
}
.DayPicker__horizontal {
box-sizing: content-box;
padding: 0.5rem 1rem;
}
@media (min-width: 900px) {
.DateRangePicker_picker {
z-index: 1099
}
}
.datepicker:hover {
background-color: rgb(229, 229, 229)
}
.DateInput {
color: rgba(0, 0, 0, 0.7);
}
.CalendarMonth_table {
border-collapse: separate;
border-spacing: 0 3px;
}
.CalendarDay {
transition: none;
border-radius: 0px;
}
.CalendarDay__default {
color: rgba(0, 0, 0, 0.75);
}
.CalendarDay__default .cheap {
color: rgb(24, 154, 124);
}
.CalendarDay__default:hover {
background: rgba(234, 234, 234, 1);
}
.CalendarDay__selected_span.CalendarDay__blocked_calendar,
.CalendarDay__selected_span.CalendarDay__blocked_calendar:hover {
background: rgba(234, 234, 234, 1) !important;
}
.CalendarDay__selected_span,
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
background: rgba(234, 234, 234, 1);
color: rgba(0, 0, 0, 0.75);
border-radius: 0 !important;
}
.CalendarDay__selected .cheap {
color: #84ECD4;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:active,
.CalendarDay__hovered_span:hover {
background: rgba(234, 234, 234, 1) !important;
color: rgba(0, 0, 0, 0.75) !important;
border-radius: 0;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), rgba(234, 234, 234, 1) !important;
overflow: hidden;
color: #fff !important;
border-radius: 0px !important;
}
.calendar_summary_number,
.calendar_promoCode {
color: rgba(0, 0, 0, 1)
}
</style>
<div class="DateRangePicker DateRangePicker_1">
<div>
<div class="DateRangePickerInput DateRangePickerInput_1 DateRangePickerInput__withBorder DateRangePickerInput__withBorder_2"><button class="DateRangePickerInput_calendarIcon DateRangePickerInput_calendarIcon_1" type="button"
aria-label="Interact with the calendar and add the check-in date for your trip."><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"
data-testid="EventIcon" style="fill: currentcolor;">
<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
</svg></button>
<div class="DateInput DateInput_1"><input class="DateInput_input DateInput_input_1 DateInput_input__readOnly DateInput_input__readOnly_2 DateInput_input__focused DateInput_input__focused_3" aria-label="Check-in" type="text"
id="gldbm_startdate" name="gldbm_startdate" placeholder="Check-in" autocomplete="off" readonly="" aria-describedby="DateInput__screen-reader-message-gldbm_startdate" value=""><svg role="presentation" focusable="false"
class="DateInput_fang DateInput_fang_1" style="top: 55px;">
<path class="DateInput_fangShape DateInput_fangShape_1" d="M0,10 20,10 10,0z"></path>
<path class="DateInput_fangStroke DateInput_fangStroke_1" d="M0,10 10,0 20,10"></path>
</svg>
<p class="DateInput_screenReaderMessage DateInput_screenReaderMessage_1" id="DateInput__screen-reader-message-gldbm_startdate">Navigate forward to interact with the calendar and select a date. Press the question mark key to
get the keyboard shortcuts for changing dates.</p>
</div>
<div class="DateRangePicker_picker DateRangePicker_picker_1 DateRangePicker_picker__directionLeft DateRangePicker_picker__directionLeft_2" style="top: 66px; left: 0px;">
<div class="DayPicker DayPicker_1 DayPicker__horizontal DayPicker__horizontal_2 DayPicker__withBorder DayPicker__withBorder_3" style="width: 689px;">
<div>
<div class="" style="width: 688px;">
<div class="DayPicker_weekHeaders DayPicker_weekHeaders_1 DayPicker_weekHeaders__horizontal DayPicker_weekHeaders__horizontal_2" aria-hidden="true" role="presentation">
<div class="DayPicker_weekHeader DayPicker_weekHeader_1" style="left: 0px; padding: 0px 13px;">
<ul class="DayPicker_weekHeader_ul DayPicker_weekHeader_ul_1">
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Su</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Mo</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Tu</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>We</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Th</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Fr</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Sa</small></li>
</ul>
</div>
<div class="DayPicker_weekHeader DayPicker_weekHeader_1" style="left: 335px; padding: 0px 13px;">
<ul class="DayPicker_weekHeader_ul DayPicker_weekHeader_ul_1">
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Su</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Mo</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Tu</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>We</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Th</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Fr</small></li>
<li class="DayPicker_weekHeader_li DayPicker_weekHeader_li_1" style="width: 44px;"><small>Sa</small></li>
</ul>
</div>
</div>
<div class="DayPicker_focusRegion DayPicker_focusRegion_1" tabindex="-1" role="application" aria-roledescription="datepicker" aria-label="Calendar">
<div class="DayPickerNavigation DayPickerNavigation_1 DayPickerNavigation__horizontal DayPickerNavigation__horizontal_2">
<div role="button"
class="DayPickerNavigation_button DayPickerNavigation_button_1 DayPickerNavigation_button__disabled DayPickerNavigation_button__disabled_2 DayPickerNavigation_button__horizontal DayPickerNavigation_button__horizontal_3"
aria-disabled="true" aria-label="Move backward to switch to the previous month."><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"
data-testid="ChevronLeftIcon">
<path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
</svg></div>
<div role="button" class="DayPickerNavigation_button DayPickerNavigation_button_1 DayPickerNavigation_button__horizontal DayPickerNavigation_button__horizontal_2"
aria-label="Move forward to switch to the next month."><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ChevronRightIcon">
<path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
</svg></div>
</div>
<div class="DayPicker_transitionContainer DayPicker_transitionContainer_1 DayPicker_transitionContainer__horizontal DayPicker_transitionContainer__horizontal_2" style="width: 688px; height: 325px;">
<div class="CalendarMonthGrid CalendarMonthGrid_1 CalendarMonthGrid__horizontal CalendarMonthGrid__horizontal_2" style="transform: translateX(0px); width: 1340px;">
<div
class="CalendarMonthGrid_month__horizontal CalendarMonthGrid_month__horizontal_1 CalendarMonthGrid_month__hideForAnimation CalendarMonthGrid_month__hideForAnimation_2 CalendarMonthGrid_month__hidden CalendarMonthGrid_month__hidden_3">
<div class="CalendarMonth CalendarMonth_1" data-visible="false" style="padding: 0px 13px;">
<div class="CalendarMonth_caption CalendarMonth_caption_1"><strong>June 2024</strong></div>
<table class="CalendarMonth_table CalendarMonth_table_1" role="presentation">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, June 1, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, June 2, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, June 3, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, June 4, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, June 5, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, June 6, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, June 7, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, June 8, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, June 9, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, June 10, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, June 11, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, June 12, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, June 13, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, June 14, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, June 15, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, June 16, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, June 17, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, June 18, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, June 19, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, June 20, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, June 21, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, June 22, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, June 23, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, June 24, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, June 25, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, June 26, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, June 27, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, June 28, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, June 29, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, June 30, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="CalendarMonthGrid_month__horizontal CalendarMonthGrid_month__horizontal_1">
<div class="CalendarMonth CalendarMonth_1" data-visible="true" style="padding: 0px 13px;">
<div class="CalendarMonth_caption CalendarMonth_caption_1"><strong>July 2024</strong></div>
<table class="CalendarMonth_table CalendarMonth_table_1" role="presentation">
<tbody>
<tr>
<td></td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, July 1, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">1</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, July 2, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">2</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, July 3, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">3</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, July 4, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">4</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, July 5, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">5</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, July 6, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">6</div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, July 7, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">7</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, July 8, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">8</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, July 9, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">9</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, July 10, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">10</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, July 11, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">11</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Friday, July 12, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">12</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Saturday, July 13, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">13</div>
</td>
</tr>
<tr>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_4 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_5"
role="button" aria-disabled="true" aria-label="Not available. Sunday, July 14, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">14</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Monday, July 15, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">15</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Tuesday, July 16, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">16</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Wednesday, July 17, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">17</div>
</td>
<td
class="CalendarDay CalendarDay_1 CalendarDay__defaultCursor CalendarDay__defaultCursor_2 CalendarDay__default CalendarDay__default_3 CalendarDay__blocked_out_of_range CalendarDay__blocked_out_of_range_4"
role="button" aria-disabled="true" aria-label="Not available. Thursday, July 18, 2024" tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">18</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__today CalendarDay__today_3" role="button" aria-disabled="false"
aria-label="Choose Friday, July 19, 2024 as your check-in date. It’s available." tabindex="0" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">19</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, July 20, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">20</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, July 21, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">21</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, July 22, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">22</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, July 23, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">23</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, July 24, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">24</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, July 25, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">25</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, July 26, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">26</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, July 27, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">27</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, July 28, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">28</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, July 29, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">29</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, July 30, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">30</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, July 31, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">31</div>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="CalendarMonthGrid_month__horizontal CalendarMonthGrid_month__horizontal_1">
<div class="CalendarMonth CalendarMonth_1" data-visible="true" style="padding: 0px 13px;">
<div class="CalendarMonth_caption CalendarMonth_caption_1"><strong>August 2024</strong></div>
<table class="CalendarMonth_table CalendarMonth_table_1" role="presentation">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, August 1, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">1</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, August 2, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">2</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, August 3, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">3</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, August 4, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">4</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, August 5, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">5</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, August 6, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">6</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, August 7, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">7</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, August 8, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">8</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, August 9, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">9</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, August 10, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">10</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, August 11, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">11</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, August 12, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">12</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, August 13, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">13</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, August 14, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">14</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, August 15, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">15</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, August 16, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">16</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, August 17, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">17</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, August 18, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">18</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, August 19, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">19</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, August 20, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">20</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, August 21, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">21</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, August 22, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">22</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, August 23, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">23</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, August 24, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">24</div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, August 25, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">25</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, August 26, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">26</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, August 27, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">27</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Wednesday, August 28, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">28</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, August 29, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">29</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, August 30, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">30</div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, August 31, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="MuiTypography-root MuiTypography-body2 css-5y58gl" style="font-weight: bold;">31</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="CalendarMonthGrid_month__horizontal CalendarMonthGrid_month__horizontal_1 CalendarMonthGrid_month__hidden CalendarMonthGrid_month__hidden_2">
<div class="CalendarMonth CalendarMonth_1" data-visible="false" style="padding: 0px 13px;">
<div class="CalendarMonth_caption CalendarMonth_caption_1"><strong>September 2024</strong></div>
<table class="CalendarMonth_table CalendarMonth_table_1" role="presentation">
<tbody>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, September 1, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, September 2, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, September 3, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Wednesday, September 4, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Thursday, September 5, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, September 6, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, September 7, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, September 8, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, September 9, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, September 10, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Wednesday, September 11, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Thursday, September 12, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, September 13, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, September 14, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, September 15, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, September 16, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, September 17, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Wednesday, September 18, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Thursday, September 19, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, September 20, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, September 21, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, September 22, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, September 23, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Tuesday, September 24, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Wednesday, September 25, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false"
aria-label="Choose Thursday, September 26, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Friday, September 27, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__lastDayOfWeek CalendarDay__lastDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Saturday, September 28, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
</tr>
<tr>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2 CalendarDay__firstDayOfWeek CalendarDay__firstDayOfWeek_3" role="button" aria-disabled="false"
aria-label="Choose Sunday, September 29, 2024 as your check-in date. It’s available." tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td class="CalendarDay CalendarDay_1 CalendarDay__default CalendarDay__default_2" role="button" aria-disabled="false" aria-label="Choose Monday, September 30, 2024 as your check-in date. It’s available."
tabindex="-1" style="width: 44px; height: 43px;">
<div class="calendar_day_loading" data-testid="calendar_day_skeleton"><span class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse calendar_skeleton css-io6do9"
style="width: 18px; height: 6px;"></span></div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div><button
class="DayPickerKeyboardShortcuts_buttonReset DayPickerKeyboardShortcuts_buttonReset_1 DayPickerKeyboardShortcuts_show DayPickerKeyboardShortcuts_show_2 DayPickerKeyboardShortcuts_show__bottomRight DayPickerKeyboardShortcuts_show__bottomRight_3"
type="button" aria-label="Open the keyboard shortcuts panel."><span
class="DayPickerKeyboardShortcuts_showSpan DayPickerKeyboardShortcuts_showSpan_1 DayPickerKeyboardShortcuts_showSpan__bottomRight DayPickerKeyboardShortcuts_showSpan__bottomRight_2">?</span></button></div>
</div>
</div>
<div class="">
<div class="MuiBox-root css-zoser8">
<hr class="MuiDivider-root MuiDivider-middle css-zy8cjw">
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-wrap-xs-nowrap calendar_info css-dym29j">
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-sm-5 css-kob9gq"
style="opacity: 1; transform: none; transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 533ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;">
<div class="MuiGrid-root MuiGrid-container MuiGrid-wrap-xs-nowrap jss513 css-dym29j">
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column css-1wkwmmc">
<div class="MuiGrid-root MuiGrid-item jss514 css-1wxaqej">CHECK-IN</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-wrap-xs-nowrap css-a2e4ud" style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;">
<div class="MuiGrid-root MuiGrid-item jss515 css-1wxaqej" opacity="0.75"></div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column jss516 css-12g27go">
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<p class="MuiTypography-root MuiTypography-body1 css-jgbo3f"></p>
</div>
<div class="MuiGrid-root MuiGrid-item jss518 css-1wxaqej" opacity="0.75"></div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-item css-1wxaqej"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium jss519 css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowForwardIcon">
<path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path>
</svg></div>
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column css-1wkwmmc">
<div class="MuiGrid-root MuiGrid-item jss514 css-1wxaqej">CHECK-OUT</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-wrap-xs-nowrap css-a2e4ud" style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;">
<div class="MuiGrid-root MuiGrid-item jss515 css-1wxaqej" opacity="0.75"></div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column jss516 css-12g27go">
<div class="MuiGrid-root MuiGrid-item css-1wxaqej">
<p class="MuiTypography-root MuiTypography-body1 css-jgbo3f"></p>
</div>
<div class="MuiGrid-root MuiGrid-item jss518 css-1wxaqej" opacity="0.75"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-sm-3 calendar_summary css-pdbu2g"
style="opacity: 1; transform: none; transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 533ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;">
<hr class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem calendar_divider css-1d7q5f8">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column css-lgim5d">
<div class="MuiGrid-root MuiGrid-item calendar_summary_header css-1wxaqej">ADULTS</div>
<div class="MuiGrid-root MuiGrid-item calendar_summary_number css-1wxaqej"
style="opacity: 1; transform: none; transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 533ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;">2</div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-sm-3 calendar_summary clear_dates_wrapper false css-1rn9bb8"><button
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall clear_dates css-b6ytb1"
tabindex="0" type="button">Clear Dates<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
</div>
</div>
</div>
</div>
</div>
<div class="DateRangePickerInput_arrow DateRangePickerInput_arrow_1" aria-hidden="true" role="presentation"><svg class="DateRangePickerInput_arrow_svg DateRangePickerInput_arrow_svg_1" focusable="false" viewBox="0 0 1000 1000">
<path d="M694 242l249 250c12 11 12 21 1 32L694 773c-5 5-10 7-16 7s-11-2-16-7c-11-11-11-21 0-32l210-210H68c-13 0-23-10-23-23s10-23 23-23h806L662 275c-21-22 11-54 32-33z"></path>
</svg></div>
<div class="DateInput DateInput_1"><input class="DateInput_input DateInput_input_1 DateInput_input__readOnly DateInput_input__readOnly_2" aria-label="Check-out" type="text" id="gldbm_enddate" name="gldbm_enddate"
placeholder="Check-out" autocomplete="off" readonly="" aria-describedby="DateInput__screen-reader-message-gldbm_enddate" value="">
<p class="DateInput_screenReaderMessage DateInput_screenReaderMessage_1" id="DateInput__screen-reader-message-gldbm_enddate">Navigate backward to interact with the calendar and select a date. Press the question mark key to get
the keyboard shortcuts for changing dates.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-2 jss389 css-r7calx">
<div><button
class="MuiButtonBase-root MuiButton-root jss418 MuiButton-outlined MuiButton-outlinedGrey MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-fullWidth MuiButton-root jss418 MuiButton-outlined MuiButton-outlinedGrey MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-fullWidth css-vdv0b5"
tabindex="0" type="button" data-testid="guest-picker-button"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium jss419 css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="PersonIcon">
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
</svg>2 Guests<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
</div>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-2 jss386 jss387 css-r7calx"><button
class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium jss376 jss390 css-8vfuxz"
tabindex="0" type="submit" data-testid="searchButton" aria-label="Search"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium jss385 css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="SearchIcon">
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z">
</path>
</svg><span class="jss388">Search</span><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
</div>
</div>
</div>
</div>
</div>
</form>
Text Content
You need to enable JavaScript to run this app. 1 Availability 2 Extras 3 Summary 4 Confirmation CHOOSE YOUR STAY... Promo code Where are you going? Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates. * Su * Mo * Tu * We * Th * Fr * Sa * Su * Mo * Tu * We * Th * Fr * Sa June 2024 July 2024 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 August 2024 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 September 2024 ? -------------------------------------------------------------------------------- CHECK-IN CHECK-OUT -------------------------------------------------------------------------------- ADULTS 2 Clear Dates Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates. 2 Guests Search The Crown Hotel, London -------------------------------------------------------------------------------- 142 - 152 Cricklewood Broadway, London, NW2 3ED, United Kingdom More Details STANDARD DOUBLE ROOM Capacity: More Details Check Availability KING SUITE DOUBLE ROOM Capacity: More Details Check Availability EXECUTIVE DOUBLE ROOM Capacity: More Details Check Availability DELUXE QUAD ROOM Capacity: x 4 More Details Check Availability DELUXE TRIPLE ROOM Capacity: More Details Check Availability EXECUTIVE FAMILY TRIPLE ROOM Capacity: More Details Check Availability STANDARD FAMILY ROOM Capacity: x 4 More Details Check Availability JUNIOR SUITE DOUBLE ROOM Capacity: More Details Check Availability Home AG Hotels Group, C/o TURNIT CAPITAL 33 Cavendish Square, London W1G 0PW | T: 0333 090 7865 | E: bookings@aghotels.co.uk Your Booking -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- --------------------------------------------------------------------------------