Help with DatePicker

[karlalopez25]

I'm testing on a page that has a datepicker. When I record, I click on the input, the calendar opens, and I select the date.

After finishing the recording, I noticed it didn't add the datepicker input.

How can I fix this?

Page: https://www.paquetexpress.com.mx/#facturas

[Cfomodz]

The recorder's semantic extraction system (found in workflows/workflow_use/workflow/semantic_extractor.py) does include enhanced support for calendar and datepicker elements:

• Calendar Detection: The code identifies calendar widgets through role attributes (role="gridcell", role="calendar"), class names containing "calendar" or "date", and data attributes like data-date, data-day
• Widget Context Extraction: The system attempts to capture calendar context including date values, calendar type, and whether it's a departure/return date picker
• Hierarchical Context: The extractor tries to map calendar elements with their parent containers

Why DatePickers May Not Be Recorded

There are several potential reasons why the datepicker interaction isn't being captured:

1. Dynamic Calendar Rendering: Many datepicker widgets are dynamically rendered after the initial page load. If the calendar appears after clicking the input, the recorder may not detect these elements during the initial semantic extraction phase.

2. Event Capture Timing: The recorder may be capturing the click on the input field but missing the subsequent click on the date within the calendar if there's a timing issue between when elements become interactive and when they're indexed.

3. Complex DOM Structure: Some datepicker libraries use shadow DOM, iframes, or absolutely positioned overlays that make element detection more challenging.

4. Input Value vs. Visual Selection: The recorder might be looking for traditional <input> value changes but the datepicker updates values through custom JavaScript events that aren't being monitored.

Recommended Solution - Use Python-Based Recording

Instead of using the browser extension, use the Python CLI recorder which has better support for complex interactions:

cd workflows
python cli.py create-workflow

This approach provides:

• More robust element detection
• Better handling of dynamic content
• Automatic semantic mapping with enhanced calendar support
• Fallback mechanisms for complex widgets