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?

Report
All responses (
Answers (