Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

DatePicker - multiple validators should render separate helper texts

Ouverte
#11,712 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Commencez par localiser le point d’entrée de DatePicker ainsi que son rendu actuel de HelperText et la gestion de validator. Vérifiez comment sont représentées plusieurs chaînes d’erreur de validator, puis faites en sorte que le comportement final comporte un élément HelperText distinct pour chaque chaîne d’erreur renvoyée et vérifiez le comportement de DatePicker.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Breaking change :boom: PF Team

Is this a new component or an extension of an existing one?
DatePicker

Describe the feature
Currently DatePicker renders only a single HelperText for errors, regardless of how many validators may be passed in. If multiple validators return a error string, each string is added to a single string state with an escaped newline between them, resulting in a single helper text item (with the intent being each validator string will be separated by a new line, but it doesn't seem like that is happening for me, i.e. it all gets rendered as a single line).

Instead we should create a new HelperText item for each validator that returns an error string so as to be less confusing if multiple errors are being rendered.

CC @andrew-ronaldson is this the intended behavior, or is there something else in mind for multiple validators returning error text?

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
Include screenshots or links to Marvel or other mockups.

Any other information?

Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de patternfly/patternfly-react

Toutes les issues de patternfly/patternfly-react

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.