Application Freezes when Date Picker is Opened and User Selects a Date

[jaaywags]

Bug report

Summary

A user for my app just reported a bug. I cannot reproduce it but they have sent screenshots of the problem.

The user said that when they open the date picker, and select a date, the entire application freezes. Nothing will respond except the date popup window. Everything else is frozen. They have to close the app and restart it for it to work again.

The logs indicate the user is using an "iPad8,6" with a system version of "16.6". In the support email, the user said they installed the app right onto their MacBook Air 2020. If so, that is very strange because the app is only build for iOS, Android, and iPads.

I tried creating an emulator with that iPad version and os version but I could not reproduce the issue. I also noticed that their screenshot had vertical arrows but I could not get them to showup for me.

Reproducible sample code

import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
import BottomSheet from '@gorhom/bottom-sheet';

// ...

  <DateTimePicker
    testID="dateTimePicker"
    value={myDate}
    mode={'date'}
    is24Hour={true}
    maximumDate={maxDate}
    onChange={(event, date) => {
        setMyDate(date ?? new Date());
    }}
  />

Steps to reproduce

1. Open the date picker
2. Select a date
3. Try to close the date picker

Describe what you expected to happen:

Expected: Date picker closes and app responds
Actual: Date picker does not close and app is unresponsive

Environment info

package versions
@gorhom/bottom-sheet => 4.4.7
@react-native-community/datetimepicker => 7.6.1

This issue happens in two places. One of them is inside a bottom sheet. The other is not. Both places this issue happens. I am including the bottom sheet because I saw somewhere on here someone has a similar issue where their picker was also inside a bottom sheet.

npx react-native info output:

System:
    OS: macOS 13.4.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 30.89 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 19.5.0 - ~/.nvm/versions/node/v19.5.0/bin/node
    Yarn: Not Found
    npm: 9.3.1 - ~/.nvm/versions/node/v19.5.0/bin/npm
    Watchman: 2023.06.08.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /Users/jordanwagner/.rvm/gems/ruby-3.0.2/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 2022.1 AI-221.6008.13.2211.9619390
    Xcode: 14.3.1/14E300c - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.13 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: ^0.71.10 => 0.71.10 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

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: 7.6.1
iOS / Android version: iOS 16.6

originally, the datetimepicker version was 7.0.1. I installed the latest version but that did not help the user. They said they still had the issue.

Again, I could not reproduce this issue. I know I am suppose to only post reproducible issues but I figured maybe someone on here has some insight. I tried setting up multiple simulators but I could not. I also tried to install the app on my macbook but the app store doesn't give me the option. They said this only happens on their macbook, not their android. I am trying to get more info from them but have not heard back yet.

Thanks