patternfly / patternfly/patternfly-react

DatePicker: specify time zone for today's date (current)

Ouverte
#11,273 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

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

Description

Describe the enhancement or change

We propose adding a property to the DatePicker (and CalendarMonth) components to specify the time zone to be applied when determining today's date.

Details
In our application, users can specify the time zone they are working in.

For instance, a user located in the PST time zone may collaborate with users in the UK and choose to use the UTC time zone within the application.
If the user sets the time zone to UTC (01:02, 21 November), the application may still highlight the 20th because it reflects the local date based on the user's computer settings rather than the selected UTC time zone (17:02, 20 November).

Image

When the user changes their computer’s clock to UTC, then the today's date is updated to the 21st as expected.

Image

Is this request originating from a Red Hat product team? If so, which ones and is there any sort of deadline for this enhancement?
No

Any other information?

Link to hardcoded today's date: https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx#L122

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.

Piste de recherche

Commencez dans packages/react-core/src/components/CalendarMonth/CalendarMonth.tsx, autour de la date du jour codée en dur, puis suivez la manière dont DatePicker et CalendarMonth déterminent le jour actuel. Définissez le comportement de la propriété de fuseau horaire à partir de l’exemple UTC de l’issue et vérifiez que la mise en évidence de la date du jour suit le fuseau horaire sélectionné plutôt que le réglage local de l’ordinateur.

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

Évaluation

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

Recevez les nouvelles issues par e-mail

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