We are facing an issue with the iPhone and iPad when using flatpickr for our calendars. When the calendar is opened, the cursor automatically focuses on the text box, triggering the default iPhone calendar to appear below. This problem does not occur on Android or in Chrome mobile simulation.
Does anyone know how to disable this behavior?
let config = {
...this.minDate ? { minDate: this.minDate.toDate() } : {},
...this.maxDate ? { maxDate: this.maxDate.toDate() } : {},
locale,
defaultDate: this.date.toDate(),
dateFormat: DATE_FORMAT,
disableMobile: true
}<input type="text" data-input="" class="form-control wdio-arrival qa-arrival-date-input book-box-datepicker flatpickr-input active" aria-label="Arrival date" readonly="readonly">