Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/workingDog/ClockPicker

SwiftUI Clock Time Picker
https://github.com/workingDog/ClockPicker

Last synced: 3 months ago
JSON representation

SwiftUI Clock Time Picker

Awesome Lists containing this project

README

        

# SwiftUI Clock Time Picker example






An exampe of using [**ClockTimePicker**](https://github.com/workingDog/ClockTimePicker) library.

## Clock with hands

[**ClockTimePicker**](https://github.com/workingDog/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.

See **ContenView.swift** for how to use it in your code.

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, see *ContenView.swift*

## 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, see *ContenView.swift*

## Screenshots

![im01](Images/picture1.png) ![im03](Images/picture3.png)

![im04](Images/picture4.png) ![im05](Images/picture5.png)