tag. Mews.Distributor( // Set Configuration ID of your booking engine. { configurationIds: ['7f7c0ea8-e813-4a7b-8294-af1f006bfda4'], }, // Add callback which will enable Submit button and open the Booking Engine Widget upon button click. function (api) { // Listen on submit and when user submits, open booking engine with given dates. const listenOnSubmit = () => { // Find the form in DOM and listen on submit. const form = document.getElementById('date-form'); form.addEventListener('submit', event => { // Don't use the default submit button behavior. We want to handle it ourselves. event.preventDefault(); // Get the dates from the date form. const { start, end } = event.target.elements; const [startYears, startMonths, startDays] = start.value.split('-'); const [endYears, endMonths, endDays] = end.value.split('-'); const startDate = new Date(startYears, startMonths - 1, startDays); const endDate = new Date(endYears, endMonths - 1, endDays); // Use the Booking Engine Widget Javascript API to set the dates in the widget and open it. api.setStartDate(startDate); api.setEndDate(endDate); api.open(); }); }; // Set the "start" input field to the current date and the "end" input field to the next day. const setStartDateToCurrentDate = () => { const startDateInput = document.getElementById('start'); const endDateInput = document.getElementById('end'); const currentDate = new Date(); const nextDay = new Date(currentDate); nextDay.setDate(currentDate.getDate() + 1); const year = currentDate.getFullYear(); let month = currentDate.getMonth() + 1; let day = currentDate.getDate(); const nextYear = nextDay.getFullYear(); let nextMonth = nextDay.getMonth() + 1; let nextDayOfMonth = nextDay.getDate(); // Format month and day values to have leading zeros if necessary (e.g., 01, 02, etc.). if (month < 10) { month = '0' + month; } if (day < 10) { day = '0' + day; } if (nextMonth < 10) { nextMonth = '0' + nextMonth; } if (nextDayOfMonth < 10) { nextDayOfMonth = '0' + nextDayOfMonth; } const formattedCurrentDate = `${year}-${month}-${day}`; const formattedNextDate = `${nextYear}-${nextMonth}-${nextDayOfMonth}`; startDateInput.value = formattedCurrentDate; endDateInput.value = formattedNextDate; }; listenOnSubmit(); setStartDateToCurrentDate(); // Enable the submit button, because the Booking Engine Widget is ready to be used. const enableSubmit = () => { const submitButton = document.getElementById('dates-submit'); submitButton.value = 'BOOK YOUR\n ROOM'; submitButton.disabled = false; }; enableSubmit(); } // 4. Note - this guide is written for the Production environment. );