
I have a similar situation as this thread where I need to click on the dates in the calendar for me to click apply and move forward.
I tried using javascript to input the dates into the fields automatically but it does not work for me. Once I press tab or click out of the calendar, It automatically erases itself from the field. Once I click apply, I get an error message.
The script I used for java script.
;Fill Dates
const input = document.querySelectorAll('.fds-field-input')[1];
if (input) {
input.value = '05/07/2022';
} else {
console.error('Input element with class "fds-field-input" not found.');
}
;Fill Dates
const input = document.querySelectorAll('.fds-field-input')[2];
if (input) {
input.value = '05/09/2022';
} else {
console.error('Input element with class "fds-field-input" not found.');
}
Error message I received when pressing apply, without clicking outside of the calendar.
eg-clickstream.js:1 EgClickstream - Error: publish failed due to invalid payload: {"schema_name":"DomainEvent","request":{"request_url": URL},"timestamps":{"event_origination_timestamp":1686887788883},"experience":{"experience_type":"Web","viewport_width":1076,"viewport_height":1298,"resolution_width":1536.0000228881836,"resolution_height":960.0000143051147}}
Payload of graphql when I click apply by clicking on certain dates:
query getReservationsBySearchCriteria {reservationSearchV2(input: {propertyId: xxxxxxxxx, booked: true, bookingItemId: null, canceled: false, confirmationNumber: null, confirmed: true, startDate: "2023-04-01", endDate: "2023-04-03", dateType: "checkIn", evc: true, : true, timezoneOffset: "-04:00", firstName: .........
I tried changing the Javascript to input the date in that format of Year-Month-Day and it still did not work.
I am a bit loss on how to proceed with this particular calendar date picker. Anyone have any experience with this in the past?
Invalid payload says the way you input your data might be wrong, that can be the format or something else. have you tried sending the values as hardware input?