메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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)