With more than 150 hotels in 30 statesTravel Happy with Drury Hotels.
<>
.date-picker-container {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
justify-self: center;
gap: 0;
width: 240px;
overflow: visible;
padding: 8px;
}
@media (max-width: 1200px) {
.date-picker-container {
margin-bottom: 20px;
}
}
.date-picker-header-label {
font-size: 24px;
color: #04336C;
font-family: 'Effra-Medium';
margin-left: 12px;
}
.date-picker-inner-container {
display: flex;
flex-direction: row;
line-height: 24px;
}
.date-container {
flex: 1;
gap: 0;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
justify-items: center;
cursor: pointer;
}
.date-container-popover {
position: absolute;
}
.nights-container {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
align-content: center;
align-items: center;
justify-content: end;
justify-items: end;
padding: 0;
cursor: pointer;
}
.nights-container-label {
text-align: center;
font-size: 11px;
line-height: 11px;
font-family: "Effra-Bold";
color: #04336C;
text-transform: uppercase;
}
.calendar-container {
display: flex;
flex: 1;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
}
.calendar-container #calendar-button {
cursor: pointer;
border: none;
background: none;
padding: 0;
}
.calendar-container #calendar-button :hover {
background-color: #f0f0f0;
}
.date-month {
text-align: center;
font-size: 20px;
font-weight: 400;
font-family: "Effra-Medium";
}
.date-day {
text-align: center;
font-size: 28px;
font-weight: 400;
font-family: "Effra-Medium";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0000);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
With more than 150 hotels in 30 statesTravel Happy with Drury Hotels.
Your Rewards await
Traveling should feel rewarding. Join Drury Rewards® for FREEand enjoy exclusive member-only rates when booking online or on our app. Plusredeem points for free nightsgift cardsand more! Booking travel for others? Learn more and apply for Drury Rewards Business.