Skip to content

modals headers show different values from the actual selected ones #453

Closed
@MohammedFaragallah

Description

@MohammedFaragallah

Current behaviour

The modal header displays different values from the actual selected ones. Additionally, the saved date is one day earlier than the user-selected date.

Expected behaviour

Both the modal header and the selected values should be the same. The saved date should match the user’s selection exactly.

How to reproduce?

  1. Go to the demo site
  2. Open any modal picker that involves date selection.
  3. Select a date.
  4. Observe that The modal header displays a different value than the selected one.

I suspect this issue is timezone-related as I'm experiencing other inconsistencies with time handling. All tested devices are set to Africa/Cairo.

Preview

Image
Image
Image

What have you tried so far?

  • Tested on multiple devices (all set to Africa/Cairo timezone).
  • Verified if the issue persists across different browsers.

Your Environment

software version
iOS x
Android x
react-native x.x.x
react-native-paper x.x.x
Node.js x.x.x
npm or yarn x.x.x
Expo SDK x.x.x

Additional Notes

  • It is unclear whether this is a global issue or specific to certain timezones.

Would appreciate any insights on how to resolve or debug this further!

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions