Anyone find that UIDatePicker is broken under iOS 14?

Question

Under iOS 14, the date/time pickers in my app are broken. Nothing changed in the project. They're defined in a storyboard and worked fine until I updated a few days ago.

Now they're not spinners; they're large grey boxes with static text in them.

UPDATE: Apple broke existing projects by defaulting date/time pickers' style to "automatic", instead of "wheel" (the only style that previously existed, and for which everyone's existing screen layouts were designed). See Sanzio's answer below.

score 33 · Accepted Answer · answered Sep 28 '20 at 11:22

To add some additional information to Oscar's answer...

UIDatePicker now has three different styles, as per documentation here and here. The date picker's style is accessible by the .preferredDatePickerStyle property which can be set to four different cases:

.automatic - A style indicating that the system picks the concrete style based on the current platform and date picker mode.
.compact - A style indicating that the date picker displays as a label that when tapped displays a calendar-style editor.
.inline - A style indicating that the date pickers displays as an inline, editable field.
.wheels - A style indicating that the date picker displays as a wheel picker.

If you want things to look how they did pre iOS 14, stick with the .wheels style. It is also worth noting that not all styles can accommodate all date and time settings, hence why you can only set a preferred style.

Lastly, this property is only available in iOS 13.4 or newer, so you will have to accomplish version control with something like:

if #available(iOS 13.4, *) {
    yourDatePicker.preferredDatePickerStyle = UIDatePickerStyle.automatic
} else {
    // Fallback on earlier versions
}

Thanks. Unfortunately, the "inline" and "compact" modes are not available in Interface Builder (Xcode 12.0.1). — Oscar, Sep 29 '20 at 15:10
How to fix the issue if we want to use compact style. I am showing it on UITabBar and its really very bad — Rajender Kumar, Apr 10 '21 at 13:38
Can we make changes at one place, so that we don't have to explicitly go to every view which is using date picker and set it's preferred style to wheels? — Anuranjan Bose, Apr 29 '21 at 08:22

score 8 · Answer 2 · answered Nov 13 '20 at 07:24

8

if #available(iOS 13.4, *) {
        datePicker.preferredDatePickerStyle = .wheels
    }

answered Nov 13 '20 at 07:24

Nouman Gul Junejo

91
2

score 3 · Answer 3 · answered Sep 28 '20 at 10:06

It turns out that Apple added a second and very different style of UIDatePicker, and inexplicably made it the default for old projects.

You now have to go into the settings for all of your date/time pickers and change Style from "Automatic" to "Wheels." What "Automatic" is based on and why it doesn't default to the only previously existing style is unknown.

score 3 · Answer 4 · answered Feb 16 '21 at 15:08

3

If anyone looking for Objective C

if (@available(iOS 13.4, *)) {
        datePicker.preferredDatePickerStyle = UIDatePickerStyleWheels;
    }

answered Feb 16 '21 at 15:08

EmmEssEss

31
2

Keshav Gera · Answer 5 · 2021-04-09T09:35:45.413

in iOS appDelegate.m 

didFinishLaunchingWithOptions . () inside 

if (@available(iOS 14, *)) {
      UIDatePicker *picker = [UIDatePicker appearance];
    picker.preferredDatePickerStyle = UIDatePickerStyleWheels;
}

<DateTimePickerModal
    datePickerContainerStyleIOS={{paddingHorizontal: 40}}
    // display={Platform.OS === "ios" ? "spinner" : "default"}                              
    isVisible={isDatePickerVisible}
    mode={mode}
    maximumDate={new Date()}
    onConfirm={handleConfirm}
    onCancel={hideDatePicker}
    />

detail description

Anyone find that UIDatePicker is broken under iOS 14?

5 Answers5