How to set time picker at top of inline style Date picker in iOS 14?

Question

I have set inline style date for iOS 14. In this date picker timer picker is display at bottom. I want to display that time picker at top of inline style date picker like display in iOS default calendar app.

My app screen shot:

iOS default calendar app screen shot:

Answer 1

UIKit does not officially support Time Picker above the Date Picker inside an in-line UIDatePicker.

However, you can just create 2 Date Pickers, one for the date and one for the time, and then arrange them however you want.

This code that I made might help you:

let time = timePicker.date
var date = datePicker.date
date = Calendar.current.startOfDay(for: date)

let calendar = Calendar.current

var timeInterval: TimeInterval = 0
timeInterval += Double(calendar.component(.second, from: time))
timeInterval += Double(calendar.component(.minute, from: time)) * 60
timeInterval += Double(calendar.component(.hour, from: time)) * 3600

date.addTimeInterval(timeInterval)

Then use the variable date , and everything should work like in a regular date-and-time Date Picker.