Skip to content

v8 adds weird spacing to DateTimePicker spinner dialog #3927

@Relax594

Description

@Relax594

Description

v8 changed something with the DateTimePicker positioning. That causes weird UI when using DateTimePicker with default settings.

Related to

  • Components
  • Demo
  • Docs
  • Typings

Steps to reproduce

Just use a DateTimePicker in an app that is nested in a SafeAreaProvider.

Expected behavior

Pre 8.0 it was properly aligned with no gap at the bottom.

Actual behavior

bottom gap for DateTimePicker spinner UI on iOS.
Tested on iPhone 17 Pro Max Simulator.

More Info

Code snippet


<DateTimePicker />

Screenshots/Video

8.0.0 - 8.3.1:

Image

7.46.3:

Image

Environment

  • React Native version: 0.81.5
  • React Native UI Lib version: 8.3.1

Affected platforms

  • Android
  • iOS
  • Web

Metadata

Metadata

Assignees

No one assigned

    Labels

    buga bug in one of the components

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions