Date Picker looks squashed as input of a Text Field

Question

I have a UITextField that is using UIDatePicker as an input. I set the Date Picker's style to be .inline, but the result is not what I expected

As you can see, the hour selector in the Date Picker looks squashed.

This is my code:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let datePicker = UIDatePicker()
        datePicker.preferredDatePickerStyle = .inline
        let textField = UITextField(frame: CGRect(origin: view.center,
                                                  size: CGSize(width: 60, height: 30)))
        textField.text = "TEST"
        textField.inputView = datePicker

        self.view.addSubview(textField)
    }
}

Is this a bug? am I missing something?

Looks like a bug. Why not just use the `.compact` style and remove the text field altogether? — Sweeper, Aug 31 '20 at 12:37
Having the same issue and I'm on iOS 14 GM. If this is a bug, it's worrying that it's not fixed at this point... — jwuki, Sep 16 '20 at 01:53
@Insleep i just changed to .compact. Maybe this is not how is intended to be used. I would expect more people to stumble on the same thing. — Luci Aghergheloaei, Sep 16 '20 at 09:12
Use this link ;-https://stackoverflow.com/a/64160213/7300477 — Vijay Patidar, Oct 01 '20 at 17:17

score 21 · Answer 1 · edited Oct 08 '20 at 20:02

21

Try this:

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

edited Oct 08 '20 at 20:02

אורי orihpt

2,358
2
16
41

answered Oct 08 '20 at 17:28

vysher

311
1
3

1

But how to support older versions? – Shunan Nov 08 '20 at 08:42
That's the big question. The solution above won't compile for Xcode below 11.6. – toni_piu Dec 15 '20 at 11:16
@Shubh That is what the `#available` is for. – fishinear Apr 01 '21 at 11:47

Date Picker looks squashed as input of a Text Field

1 Answers1