body-scroll-lock VS react-native-modal-datetime-picker

i built a modal system at work that uses this, except using https://github.com/willmcpo/body-scroll-lock to lock/unlock when a modal is displayed...you have to also limit scrolling on the html tag for full support across all devices

Tested live demo of body-scroll-lock (body is still scrollable in IOS)

Overscroll Behavior will make my life so much easier when I have to implement a modal that can scroll. You need stuff like body-scroll-lock [1] which will do a lot of different tricks and has to be implemented just right. Now we only need to add overscroll-behavior: contain; and we're done.

[1]: https://github.com/willmcpo/body-scroll-lock

This is actually a tricky problem when you factor in all browsers and mobile devices. This little library should help: https://github.com/willmcpo/body-scroll-lock

I found out that something like this is possible in iOS 14 but I couldn't found a library that would support that except for react-native-modal-datetime-picker. But still I don't know how to use this in Android.

React Native Modal Datetime Picker is a cross-platform calendar picker for React Native. The library includes a calendar picker component and a time picker component. The calendar picker for this library is presented inside a modal, which looks and feels like native modals for iOS and Android. React Native Modal Datetime is easy to install and supports projects created with Expo CLI and bare React Native projects.

Documentation: Documentation is hosted on the repo’s readme.md on Github. It is straightforward, covers all the basics required to install, set up, and use the DateTimePickerModal component from the library, alongside a description of all acceptable props and answers to popular FAQs.