Test

Test Suite (Page 7280 / Module 7282)

Part 1: In-DOM Modal Triggers (data-openmodal-target)

PASS

Test 1: Descendant Target Selector

Click Me: Open Descendant Modal
PASS

Test 2: External Target via ID Selector (#external-target)

PASS

Test 3: External Target via Raw ID (raw-id-target)

PASS

Test 4: Modal Customization (data-modalclass, data-modalid)

Click Me: Open Styled Modal
PASS

Test 5: HTML5 <template> Support

Part 2: Date / Time Localization (_convertUTCElementsToLocal / .js-localize)

Slot Pattern

Test 6: Standalone Leaf Element Slot Pattern

Standalone leaf element <span class="js-localize js-date-out" data-start="2026-09-07" data-mode="date"></span>.

Output:

PASS

Test 7: Time Range Support (data-mode="time" with data-end)

Element with data-start="2026-09-07T19:00:00Z" data-end="2026-09-07T22:00:00Z" data-mode="time".

Output:

Test 8: Date-Only String Parsing (YYYY-MM-DD)

Element with data-start="2026-09-07" data-mode="date" data-date-style="full".

Output:

Without fix: new Date("2026-09-07") parses as UTC midnight, shifting back to September 6 in timezones west of UTC. With _parseLocalDate: calendar date is preserved worldwide.

PASS

Test 9: Combined Date & Time (data-mode="both")

Element with data-start="2026-09-07T19:00:00Z" data-end="2026-09-07T22:00:00Z" data-mode="both".

PASS

Test 10: Custom Styles as used in p_date_ranges

Weekday badge style: Day , Weekday