Awesome
SwiftUI Clock Time Picker View
<p float="left"> <img src="Images/picture1.png" width="200" height="200" /> <img src="Images/picture3.png" width="200" height="200" /> <img src="Images/picture4.png" width="200" height="200" /> <img src="Images/picture5.png" width="200" height="200" /> </p>Clock with hands
ClockTimePicker is a SwiftUI view that displays a clock with the hour and minutes hands. These hands can be dragged around the clock face to select the desired hour and minutes of your date.
The main element is ClockPickerView.swift.
Use it like a DatePicker, such as:
@State var date = Date()
ClockPickerView(date: $date)
As the clock hands are changed, the date hour and minutes are updated.
To customise the looks of the clock, use
@ObservedObject var options = ClockLooks()
and change the options as desired.
Clock without hands
ClockTimePicker can also display a clock without hands, more suited to iPad and Mac. To display it set the options as:
options.withHands = false
To pick the hour and minutes, tap on the center hour : minute to display either the hours or the minutes set.
Note: adjust the sizes and colors using options to suit your device.
Installation
Include the files in the "Sources/ClockTimePicker" folder into your project or use Swift Package Manager. See ClockPicker for an example use.
Swift Package Manager
Create a Package.swift file for your project and add a dependency to:
dependencies: [
.package(url: "https://github.com/workingDog/ClockTimePicker.git", from: "1.1.0")
]
Using Xcode
Select File > Swift Packages > Add Package Dependency...,
https://github.com/workingDog/ClockTimePicker.git
Then in your code:
import ClockTimePicker
Screenshots
