How to make calendar date popup show one month instead of two

[Richard Shaw]

My client only wants to show one month at a time in the date picker as two months side-by-side looks like you’re choosing check in & out dates.

How can I make it only show one month?

Thanks

[J. Davis]

Hi Richard, Do you want to change it for the general search form or for the availability form of a specific property? Could you please provide the website URL or provide a screenshot to explain the question in more detail?

[Richard Shaw]

I want to change it for the search form. I can’t give a link as the site is not yet live.

At the moment, the popup date chooser is showing 2 months at a time. I only want one shown.

https://paste.pics/ST33J (sorry, can’t get it to embed)

[J. Davis]

Hi Richard,
Thanks for your reply. You can try applying the styles below at Appearance > Customize > Additional CSS:

.datepick-popup .datepick-month.first {
  width:100%;
}
.datepick-popup .datepick-month.last {
  display:none;
}

[Author]

Posts