Helpers

Format Date

semantic HTML

Intl 형식으로 날짜와 시간을 표시합니다.

stablefreeSince 0.3

Live example

Published: July 11, 2026

<p>Published: <time datetime="2026-07-11T09:30:00Z" data-standard-component="format-date" data-date="2026-07-11T09:30:00Z" data-locale="en" data-style="long">July 11, 2026</time></p>

Variants and sizes

The pattern inherits theme and density tokens. Use compact, comfortable, or roomy density when the surrounding screen requires it.

compactcomfortableroomy

Public API

Contract	Value
Implementation	`semantic HTML`
Status	`stable`
License	`free`
Since	`0.3`
HTML contract	`Native HTML elements and attributes`
Events	`Native browser events`

Accessibility

모호한 날짜 문자열 대신 ISO 8601을 사용하고 JavaScript-off 환경에도 같은 의미의 fallback 텍스트를 제공합니다.

Server template guidance

<!-- Render the semantic HTML on the server. Load enhancement JavaScript only when this interaction is needed. -->