Skip to content

Conversation

AlanFnz
Copy link
Member

@AlanFnz AlanFnz commented Aug 7, 2025

What

While writing unit tests for the TimeGrid component in the recurrent trip forms, I realized that our TimeField component should always have a label for accessibility purposes.

Why

This change follows WCAG accessibility guidelines and ensures all users.
Even when designs call for a minimal UI, we now maintain accessibility by requiring labels while providing the option to visually hide them when necessary.

How

  • Makes the label prop required in TimeField
  • Adds a hideLabel prop to control visual display when needed
  • Properly handles visually hidden labels while maintaining accessibility

@AlanFnz AlanFnz self-assigned this Aug 7, 2025
Copy link

pkg-pr-new bot commented Aug 7, 2025

Open in StackBlitz

npm i https://pkg.pr.new/@freenow/wave@555

commit: f0e49ca

@AlanFnz AlanFnz changed the title fix: make label a required prop on TimeField feat: make label a required prop on TimeField Aug 7, 2025
Copy link
Member

@renejfc renejfc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@AlanFnz AlanFnz merged commit 8e68d54 into freenowtech:main Aug 7, 2025
7 checks passed
github-actions bot pushed a commit that referenced this pull request Aug 7, 2025
## [2.42.0](v2.41.3...v2.42.0) (2025-08-07)

### Features

* make label a required prop on TimeField ([#555](#555)) ([8e68d54](8e68d54))
Copy link
Contributor

github-actions bot commented Aug 7, 2025

🎉 This PR is included in version 2.42.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

Successfully merging this pull request may close these issues.

2 participants