Calendar not syncing with Availability Form

[Dani Pratikno]

Hi Support Team,

I’m using the MotoPress Hotel Booking plugin together with Bricks Builder, and I’m trying to use the “Availability Calendar + Availability (Booking) Form” direct booking flow.

Here is my setup:

I’m using a Single Accommodation Type template in Bricks.

In that template I output the calendar and the availability form using PHP/shortcodes:

<?php
$post_id = get_the_ID();
echo do_shortcode(‘[mphb_availability_calendar id=”‘ . $post_id . ‘” monthstoshow=”3″]’);
?>

<?php
$post_id = get_the_ID();
echo do_shortcode(‘[mphb_availability id=”‘ . $post_id . ‘”]’);
?>

The Skip Search Results option is enabled under Accommodation → Settings.

The calendar and the availability form are on the same page, one directly under the other (not in different tabs or popups).

When I click on dates in the calendar, I can see the AJAX request in the console:

START LOADING: {“action”:”mphb_get_room_type_calendar_data”, … }
DATA LOADED: {“action”:”mphb_get_room_type_calendar_data”, … }

and the selected range is displayed under the calendar, for example:
19/02/2026 – 21/02/2026.

The issue:

Even though the dates are selected and displayed under the calendar, the Check-in Date and Check-out Date fields in the [mphb_availability] form remain empty. I have to select the dates again in the form fields in order to proceed.

My understanding from your “Availability Calendar: make the dates selectable” article is that, with Skip Search Results enabled and both shortcodes on the same page, the selected dates from the calendar should be passed to the availability/booking form for direct booking on the same page.

Is this the expected behavior when we add the calendar and the availability form manually via shortcodes in a Bricks template?
Do I need to use a different shortcode (e.g. a specific “booking form” shortcode) or additional settings/JS to make the calendar selection fill or at least pass the dates into the availability form?

Any guidance on how to correctly connect the Availability Calendar and Availability Form in this scenario would be greatly appreciated.

Thank you!

[Deon Visser]

Hi

I am having the same problem all of a sudden too! Seems to work on mobile but not desktop. I am using both shortcodes in a popupmaker.

It seems that this issue suddenly appeared today. It was working fine until now.

[Deon Visser]

Hi Dani

I have this issue in POPUPMAKER and only on Desktop (Mobile fine).

I have tested by putting the shortcodes directly onto the page and it works 100% for me. If you are running cache, disable cache plugin to see if it helps.

[Dani Pratikno]

Hi Deon, thanks for the suggestions. But still not working on my side.

[J. Davis]

Hi Dani, You can try adding the code without the ID parameter; it should fetch the ID of the accommodation type automatically:

 echo do_shortcode('[mphb_availability_calendar monthstoshow=3]');

 echo do_shortcode('[mphb_availability]');

[Dani Pratikno]

Hi Davis,

Thank you for your response. I’ve followed your instructions, but the calendar still isn’t syncing with the availability form. Please check this video.s

Thanks
https://kommodo.ai/recordings/yVCeESvDBWycj0rSE5y5

[J. Davis]

Hi Dani,
Thanks for your reply. Could you check if there is another availability form on the page, which may be hidden with CSS, etc.? You may also submit a request to our support team so we can take a closer look at configurations.

[Author]

Posts