iOS14 - How to change textColor of UIDatePicker in UIKit?

Question

Using iOS14.0.1, Swift5.3, Xcode12.0.1,

I try to change the textColor of a UIDatePicker in iOS14 and using UIKit.

I read here that you need the following method to do so:

let myDatePicker = UIDatePicker()
myDatePicker.tintColor = .white

I also tried the following (but that makes my app crash under iOS14):

myDatePicker.setValue(UIColor.white, forKeyPath: "textColor")

I also tried (but without success either):

UILabel.appearance(whenContainedInInstancesOf: [UIDatePicker.self]).textColor = UIColor.white

In light mode, none of my trials work (as can bee seen in the screenshot-excerpt):

What do I need to do to get the white color text in my UIDatePicker?

If you have a use case for this feature, please file an enhancement request with Apple. — matt, Oct 07 '20 at 15:24

Fabio · Accepted Answer · 2021-05-24T08:01:58.023

4

Try this, add the extension below:

extension UIDatePicker {

var textColor: UIColor? {
    set {
        setValue(newValue, forKeyPath: "textColor")
    }
    get {
        return value(forKeyPath: "textColor") as? UIColor
    }
  }
}

Now in viewDidLoad call:

myDatePicker.textColor = .yourColor

call it after other picker property, es.:

myDatePicker.preferredDatePickerStyle = .wheels
myDatePicker.addTarget(self, action: #selector(handleDatePicker), for: .valueChanged)
myDatePicker.datePickerMode = .dateAndTime
myDatePicker.timeZone = NSTimeZone.local
myDatePicker.backgroundColor = .black
myDatePicker.setValue(false, forKey: "highlightsToday")
myDatePicker.textColor = .yourColor // here

if you want highlightsToday set the relative picker value to true:

myDatePicker.setValue(true, forKey: "highlightsToday")

and this is the result:

edited May 24 '21 at 08:01

answered Oct 07 '20 at 17:44

Fabio

5,432
4
22
24

2

Thank you Fabio - I did not have time to test your solution yet. Are you sure it will work in iOS14 since `forKeyPath: "textColor"` does not seem to work anymore in iOS14. Or is it still possible with your own extension implementation ? – iKK Oct 08 '20 at 13:12
1

@iKK Hi, I run it on Xcode 12 - iOS 14... And it works like a charme – Fabio Oct 08 '20 at 13:26
in my case, it doesn't work in iOS 14. Did anybody find a solution? myDatePicker.setValue(true, forKey: "highlightsToday") crashes in iOS 14 – Raspberry Dec 12 '20 at 17:39
crashing on ios 14.0 – Aiyub Munshi Jan 07 '21 at 12:24
@AiyubMunshi simply call value key after you declare myDatePicker background color... No crash now, I update my answer, thanks for the alert!!! – Fabio May 24 '21 at 08:05
What I was looking for `myDatePicker.setValue(false, forKey: "highlightsToday")` – Abhishek Mitra Aug 02 '21 at 12:28
not working for iOS 16 beta – Rajasekhar Pasupuleti Aug 12 '22 at 07:01

Petter Wang · Answer 2 · 2021-04-25T04:03:05.987

3

Yes, It works! However, the proprety preferredDatePickerStyle = .wheels must be set before textColor = .yourColor, or the propetty textColor may never be affected.

edited Apr 25 '21 at 04:03

answered Apr 15 '21 at 03:59

Petter Wang

31
4

score 0 · Answer 3 · answered Oct 07 '20 at 15:46

0

I change picker view color using pickerView delegate method. You can add this function with add these delegate methods: UIPickerViewDelegate, UIPickerViewDataSource

    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {

      // change your picker view textColor etc. in here..
}

answered Oct 07 '20 at 15:46

mehmett

111
1
12

thank you mehmett - I will try this solution as well.... – iKK Oct 08 '20 at 13:13

iOS14 - How to change textColor of UIDatePicker in UIKit?

3 Answers3