timeZoneName and minimumDate incompatibility

Ouverte
  • Quelque chose ne va pas ?
#1,028 0 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
48/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
ios, javascript, react-native
Domaine
frontend, mobile

Piste de recherche

Start by reading the iOS date picker code that handles timeZoneName, minimumDate, and the visible calendar month; the issue does not name specific files or tests. Reproduce on iOS with datetime mode, a time zone ahead of the device, the date set to the first of the month, and minimumDate set to today. Done means the picker opens without crashing and respects both the configured time zone and minimum date.

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

Description

Bug report

Summary

On iOS, with mode="datetime", set timeZoneName to a zone that's ahead of you. Say for instance that your phone is set to London time, you can hardcode this setting to Paris time (one hour ahead).
Then, set the the current date on your device to the first of the month, for instance any time on December 1st.

Also provide a minimumDate that can be today's date.

You'll now see a crash when you open the datepicker, saying "Exception thrown while executing UI block: Unable to set a visible month that is before the minimum or after the maximum date.
_44-IRCTUIManager"

Reproducible sample code

Steps to reproduce

  1. On iOS, with mode="datetime", set timeZoneName to a zone that's ahead of you. Say for instance that your phone is set to London time, you can hardcode this setting to Paris time (one hour ahead).
  2. Then, set the the current date on your device to the first of the month, for instance any time on December 1st.
  3. Also provide a minimumDate that can be today's date.
  4. You'll now see a crash when you open the datepicker, saying "Exception thrown while executing UI block: Unable to set a visible month that is before the minimum or after the maximum date.
    _44-IRCTUIManager"

Describe what you expected to happen:

  1. The calendar should have been acting like the device is in the timezone according to the provided timeZoneName
  2. And minimumDate should still be respected, without crashing.

Environment info

npx react-native info output:

System:
  OS: macOS 15.6.1
  CPU: (10) arm64 Apple M2 Pro
  Memory: 130.22 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.14.0
    path: ~/.nvm/versions/node/v22.14.0/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.9.2
    path: ~/.nvm/versions/node/v22.14.0/bin/npm
  Watchman:
    version: 2025.03.10.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.13.0
    path: /Users/stiaje/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK:
    API Levels:
      - "30"
      - "31"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 31.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
    System Images:
      - android-31 | Google APIs Intel x86 Atom_64
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23726.103.2422.12816248
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 21.0.4
    path: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/javac
  Ruby:
    version: 2.7.8
    path: /Users/stiaje/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.75.5
    wanted: 0.75.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Time zone name (If the problem you have is related to unexpected time / date. See list in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).

datetimepicker version: 8.5.1

iOS / Android version: iOS 18.2

Langage dominant
JavaScript
Étoiles
2.9k
Forks
459
Merge moyen
4 j 16 h
PR mergées (30 j)
5

Préparer son environnement

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 react-native-datetimepicker/datetimepicker

Toutes les issues de react-native-datetimepicker/datetimepicker

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

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