modals headers show different values from the actual selected ones

[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

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!

[RichardLindhout]

Can you check if it happens before this was merged?
#441

[MohammedFaragallah]

all good

[RichardLindhout]

#440 (comment)

@rozhkovs
I'm rolling back your change.

[RichardLindhout]

This needs to be tested more because it's also a problem in my timezone :)

Please install latest version to fix this!

[MohammedFaragallah]

works great thank you

[maxgalbu]

For those who still have this issue even after updating react-native-paper-dates to the latest version (0.22.47 as of now) - I was using a polyfill for Intl from @formatjs (eg https://www.npmjs.com/package/@formatjs/intl-datetimeformat), since I started using this library with the old architecture.

Removing the imported libraries from @formatjs fixed the issue