iOS 9.2 UIDatePicker corner and border not working

Question

I am working with UIDatePicker where i need to set borderWidth, borderColor and cornerRadius. But i can't make it work. I have masksToBounds to YES also.

dPicker.layer.masksToBounds=YES;
dateBtn.layer.borderWidth = 2.0;
dateBtn.layer.borderColor = [[UIColor redColor]CGColor];
dateBtn.layer.cornerRadius  =5.0;

Any solution please ?

I think first line should be dateBtn.layer.masksToBounds=YES! — kb920, Jun 06 '16 at 12:10
@jamshed copy past dateBtn from other ViewController is the issue . replace dateBtn with dPicker — Muhammad Adnan, Jun 06 '16 at 12:14

score 2 · Answer 1 · answered Jun 06 '16 at 12:12

2

Apple does not intend you to modify the appearance of a date picker. If you were to contact DTS they would almost certainly tell you that a date picker's layers and subviews are private and should to be modified. To quote the docs:

You cannot customize the appearance of date pickers.

Thus you may be out of luck. This sort of change in behavior between OS versions is exactly the sort of thing that makes going beyond the public API of system components risky.

answered Jun 06 '16 at 12:12

Duncan C

128,072
22
173
272

Might be you are right earlier it was worked but may be not in new OS http://stackoverflow.com/questions/20693607/setting-corner-radius-on-uidatepicker-with-a-background-color – kb920 Jun 06 '16 at 12:16
I have an app in production with use of modified date picker's layer - color border and rounded corners, everything is ok now :) @DuncanC – Evgeny Karkan Jun 06 '16 at 12:29
Yes, you are right but it is for the component of picker. Not for border or corner. I had problem with masksToBounds. Now it works. Thank you.@Duncan C – Jamshed Alam Jun 06 '16 at 12:50

score 2 · Accepted Answer · answered Jun 06 '16 at 12:21

2

Works great for me:

self.datePicker.layer.borderColor   = [UIColor grayColor].CGColor;
self.datePicker.layer.borderWidth   = 1.0f;
self.datePicker.layer.cornerRadius  = 5.0f;
self.datePicker.layer.masksToBounds = YES;

Try my code in given order of it lines.

answered Jun 06 '16 at 12:21

Evgeny Karkan

8,782
2
32
38

Thanks. @ Evgeny Karkan – Jamshed Alam Jun 06 '16 at 12:56
Can you change the font size of datePicker ? @ Evgeny Karkan – Jamshed Alam Jun 07 '16 at 06:48

score 1 · Answer 3 · edited May 23 '17 at 12:32

1

The below code works for me just verified.

 dummyDatePicker.layer.masksToBounds = true;
 dummyDatePicker.layer.borderWidth = 2.0;
 dummyDatePicker.layer.borderColor = UIColor.purpleColor().CGColor;
 dummyDatePicker.layer.cornerRadius = 5.0;

but as @Duncan suggest it is not nice to customise default UI components as directed by Apple, I have had such an issue in the past when iOS 7 came out had to rewrite the whole UIDatePicker logic :-(

edited May 23 '17 at 12:32

Community

1
1

answered Jun 06 '16 at 12:17

Satheesh

10,998
6
50
93

@jamshed I guess I was the first one to post the screenshot okay no problem :( – Satheesh Jun 07 '16 at 10:11
Actually i did not check the screenshot priority. I checked the answer who give me a solution thats works perfect. But I realised you are very good. Next time i will definitely care about everything. Thanks again. – Jamshed Alam Jun 07 '16 at 10:40

iOS 9.2 UIDatePicker corner and border not working

3 Answers3