Skip to main content

Design system components

OpenHours

Localized opening-hours listing for contact and location surfaces; composes into LocationCard.

Status: beta. Group: structure. Markdown version: /design-system/components/open-hours.md

When to use

Localized opening-hours listing for contact and location surfaces. Data in, formatted schedule out; composes into LocationCard.

When not to use

The contract records no forbidden uses.

Look-alikes

The contract names no look-alike with a deciding condition.

Props

OpenHours props
PropTypeDefaultDescriptionRequired
compactbooleanfalseNo description in the contract.No
showAllDaysbooleantrueNo description in the contract.No
highlightTodaybooleantrueNo description in the contract.No
dateDatenoneNo description in the contract.No

Variants

No variant dimensions and no props with a fixed set of values.

Invalid combinations

The contract records no invalid combinations.

Keyboard

The contract records no keyboard interaction.

Rules

Every item under When not to use is a MUST NOT. MUST and SHOULD follow RFC 2119.

OpenHours rules
LevelRuleHow it is checked
MUSTRequired stories produce no axe violations at the configured severity.Automated by npm run test:stories:matrix:ci. WCAG 2.5.8.
MUSTThe accessibility tree (role, name, state) matches the committed snapshot for every required story.Automated by npm run test:stories:matrix:ci. WCAG 1.3.1, 4.1.2.
MUSTThe component remains legible and operable under a real browser forced-colors: active pass.Automated by npm run test:stories:hc.
MUSTA human completed an end-to-end accessibility review of this component.Manual review, last on 2026-05-28.
MUST NOTMaintainers: Do not bypass design tokens or skip forced-colors verification at beta.Release review; not machine-checked.

Install and import

  • In-repo only. OpenHours is not exported from @digitaltableteur/react, so there is no public import path.