Date / Time Picker (v3.4.7)
GPT Codex-generated benchmark interaction layer, isolated as a lab module.
NOT a Beer-CSS-derived extraction.
See docs/DATE-TIME-AUDIT.md for provenance, baseline/module/plugin split,
and a11y carry-over policy (BACKLOG #19).
Date picker — interactive benchmark
Single / Range mode toggle, docked text-field with calendar trailing icon, modal
calendar grid, month + year views, and modal-input direct entry. The picker root is
[data-date-benchmark]; lab-date-time.js auto-initializes on
DOMContentLoaded.
Keyboard: Arrow keys move by day/week, Home/End move to week bounds, PageUp/PageDown change month, Shift+PageUp/PageDown change year, and Enter/Space selects the focused date.
Time picker — interactive benchmark
12 / 24 hour mode toggle, docked field with clock trailing icon, dial view with listbox semantics, input-mode direct typing, and AM/PM toggle (12h mode only).
Forbidden-ancestor bail-out (negative demo)
A [data-date-benchmark] placed inside .prose must be
skipped at init time. The forbidden-ancestor list at v3.4.7 is broader
than for popover/tooltip — it includes WordPress block-content surfaces:
.prose, .wp-block-post-content, .entry-content,
[contenteditable].
Below: a picker root is intentionally placed inside .prose. Its trailing
icon should NOT open a calendar; the field is inert. (If a calendar opens, the
forbidden-ancestor bail-out is broken.)
이 단락은 .prose 안에 있습니다. 아래 date picker는 무시되어야 합니다.