Menu
Picks a date in a calendar-style date-picker widget — clicks the input, navigates months if needed, clicks the target day. The famous "vision agent failure case" that motivates this whole library.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Signs into a site using credentials provided via `vars` (typically sourced from environment variables) or via a pre-saved Playwright persistent context. Never harvests or stores credentials. See docs/ethics.md.
Detects whether the current page contains a captcha challenge (reCAPTCHA, hCaptcha, Cloudflare Turnstile, GeeTest, etc.). Reports detection and stops. Never attempts to solve. See docs/ethics.md.
Extract structured data from an HTML table, optionally walking through paginated views. Returns a list of row dicts keyed by header cells. The demo skill (used to monitor conference paper lists).
Confirms that the current page has finished loading and is ready for interaction. Detects loading spinners, skeleton screens, and content placeholders. Run before extraction skills.
Fills a multi-step form (stepper wizard) by routing labeled fields to values from `vars`, clicking "Next" between steps, and submitting at the end. Pairs with the `searchable-dropdown` and `date-picker-widget` skills for compound widgets.
Uploads a local file to an HTML5 file input, or triggers a download and captures the resulting path. Composes with multi-step-form for file-attaching workflows.
| name | date-picker-widget |
| description | Picks a date in a calendar-style date-picker widget — clicks the input, navigates months if needed, clicks the target day. The famous "vision agent failure case" that motivates this whole library. |
| version | 0.1.0 |
| allowed-tools | ["wait_for_dom_ready","click","wait_for_selector","fill","press_key","wait","assert"] |
| metadata | {"applies_to":"any-website","url_patterns":["*"],"dom_markers":["[role='dialog'][aria-label*='calendar' i]","[role='application'][aria-label*='date' i]","[data-element='calendar']","input[type='date']"],"flake_rate_target":0.1,"exercised_on":["booking-home","opentable-home"],"cost_budget":{"deterministic_only":false,"max_vision_calls":2}} |
The user task requires picking a date (booking demos, scheduling
demos, date-range filters). vars.target_date is an ISO-8601 date
string (e.g., "2026-06-15").
The matcher recognizes calendar widgets via their ARIA roles. The
<input type="date"> native picker is the easy path — fill it
directly. The hard path is custom calendars (booking.com,
airbnb.com, hotels.com style), and that's what this skill targets.
<input type="date">)(Month-navigation logic — "click 'next month' until target month is visible" — is
deferred to v0.2 with the loop verb. v0.1 handles the case where the target
date is already visible on the initial calendar open. For booking-style sites
where check-in is in the current month, this is enough.)
vars.range_start / vars.range_end and
the agent composes two invocations.aria-label or data-date attributes
on day cells. Vision fallback is currently the only recourse.scroll_into_view step.press_key primitive could be composed but
there's no standardized pattern.dismiss-cookie-banner — booking sites are EU-heavy; cookie banner firstverify-page-loaded — wait for the calendar UI to rendersearchable-dropdown — often co-occurs (date + party-size selectors)