Changing text color of datepicker

Question

Is it any way to change text color of datepicker in iOS8? I've that it isn't possible in iOS7 and prior, something changed in 8th version?

For example I've found modified picker in Yahoo Weather!

enter image description here

Well you're not supposed to customize it. :-) Bet you could if you really wanted to. — clearlight, Mar 24 '15 at 02:15

score 78 · Answer 1 · edited Jan 22 '18 at 21:54

78

Still Works, Swift 4 Update

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

This works for me.

datePicker.setValue(UIColor.whiteColor(), forKeyPath: "textColor")

edited Jan 22 '18 at 21:54

Matthew Bradshaw

1,843
3
13
21

answered Mar 28 '15 at 12:13

Sylvio LeBlanc

789
1
4
2

[datePicker setValue:[UIColor whiteColor] forKeyPath:@"textColor"]; - in Objective-C – Syed Asad Ali Aug 27 '15 at 11:41
8

I did this but the current date is still Black color. Any idea what can I do instead? – Pavan Kotesh Oct 01 '15 at 08:00
3

I had the same issue... it changes all the other dates except the current one. – Greg Oct 24 '15 at 03:38
1

Anybody find a fix for current date being black? – swiftyboi Nov 04 '15 at 17:38
1

Working fine for me with. No problems with the current date being black. – 365SplendidSuns Feb 17 '16 at 16:08
'NSUnknownKeyException', reason: '[<_UIAppearance 0x280a0b0f0> setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key textColor.' – IvanPavliuk Oct 04 '19 at 11:41
Not working with .inline date picker style – אורי orihpt Dec 04 '20 at 12:18
@PavanKotesh May be is the appDelegate.window?.overrideUserInterfaceStyle = .dark only in dark mode, the current date will change to white. – ZhengGuo.Huang Jun 27 '23 at 07:39

score 33 · Answer 2 · answered Jun 05 '17 at 12:39

33

It's working on iOS 10 only if you set both properties.

datePicker.setValue(UIColor.white, forKeyPath: "textColor")
datePicker.setValue(false, forKeyPath: "highlightsToday")

answered Jun 05 '17 at 12:39

belebeich

391
3
8

The second line gives me an error: Thread 1: "-[_UIDatePickerCalendarView setHighlightsToday:]: unrecognized selector sent to instance 0x7b50000c3800" – אורי orihpt Dec 04 '20 at 12:16

score 24 · Answer 3 · answered Oct 30 '15 at 13:54

24

I've changed text color through inspector (see below)

answered Oct 30 '15 at 13:54

Włodzimierz Woźniak

3,106
1
26
23

1

Some dates are blacked – Vlad Jul 12 '17 at 02:24

score 22 · Answer 4 · answered Aug 25 '16 at 08:24

22

If you don't want the selected text to be black at start you need to set both textColor and highlightsToday :

answered Aug 25 '16 at 08:24

CedricSoubrie

6,657
2
39
44

score 11 · Accepted Answer · edited May 23 '17 at 12:03

11

Found solution at comments of stackoverflow. If you need just to change text color to yours and assign this subclass you your picker. For whiteColor works as magic.

Only minus i've found that color two lines of selected number is still gray.

class ColoredDatePicker: UIDatePicker {
    var changed = false
    override func addSubview(view: UIView) {
        if !changed {
            changed = true
            self.setValue(UIColor.whiteColor(), forKey: "textColor")
        }
        super.addSubview(view)
    }
}

edited May 23 '17 at 12:03

Community

1
1

answered Mar 24 '15 at 19:00

Vasily

3,740
3
27
61

2

The "only minus"? Anything that doesn't look perfect is a *huge* minus for discerning apps and customers. It isn't adequately supported by Apple *yet*. – clearlight Oct 31 '15 at 03:41

score 3 · Answer 6 · answered Feb 21 '20 at 15:11

3

This worked for me:

setting text color for all date picker subviews

for view in datePicker.subviews {
    view.setValue(UIColor.white, forKeyPath: "textColor")
}

Possible duplicate: Set text color and font for UIDatePicker in iOS8/Swift

answered Feb 21 '20 at 15:11

Wojtek Dmyszewicz

4,188
5
30
42

score 1 · Answer 7 · answered Sep 30 '19 at 07:02

Resolving the issue with black "Today" via highlightsToday set to "false" has a side-effect - it's no longer has "Today" label in the list.

I've found a different solution here which works perfect without any side-effects: Set text color and font for UIDatePicker in iOS8/Swift

datePicker.setValue(UIColor.whiteColor(), forKeyPath: "textColor")
datePicker.datePickerMode = .CountDownTimer
datePicker.datePickerMode = .DateAndTime //or whatever your original mode was

Looks like a dirty hack but that's we have at the moment: changing datePickerMode re-draws it correctly. So just set it to something different from your desired mode and change it back to original.

score 0 · Answer 8 · answered Jan 21 '20 at 09:52

I found a way that wasnt listed here or in the other thread. https://stackoverflow.com/a/59838215/4266735

I ran into a similar issue with the latest SwiftUI / Swift 5 on XCode 11. All of the options above did not work and the DatePicker either stayed black text or crashed.

In your SwiftUI file set init() before var body

init() {
    UIDatePicker.appearance().backgroundColor = .clear
}

Then in your var body view do this

DatePicker(selection: $dob, in: ...Date(), displayedComponents: .date) {
   Text("Select Date")
}.colorInvert()

That inverted the black text to be white using the iOS Dark Theme. Looks/works great. Hope this helps.

Maybe using .colorScheme(.light) will be better then inverting colours — Michał Ziobro, Feb 12 '20 at 11:29

Changing text color of datepicker

8 Answers8

Linked