This Control is a beautiful time-of-day picker heavily inspired by the iOS 10 "Bedtime" timer.
Clone or download
joedaniels29 Merge pull request #11 from jlgaustin/master
Fixed issue with startDate and endDate being reversed
Latest commit 3d9f7d4 Apr 11, 2017

#10Clock pods MIT Build Status

Dark and Mysterious🕶 Light Colors🌻


The control itsself is TenClock. Add that to your view hierarchy, and constrain it to be square (thats kindof important).

to set times, do:

self.tenClock.startDate = NSDate()
self.tenClock.endDate = NSDate. //sometime later

make the date today. then, to get updates for when the date changes, adopt the protocol TenClockDelegate:

import TenClock
class ViewController: UIViewController, TenClockDelegate {    
    //Executed for every touch.
    func timesUpdated(_ clock:TenClock, startDate:Date,  endDate:Date  ) -> (){

    func timesChanged(clock:TenClock, startDate:NSDate,  endDate:NSDate  ) -> (){
        print("start at: \(startDate), end at: \(endDate)")
        self.beginTimeLabel.text = dateFormatter.stringFromDate(startDate)
        self.endTimeLabel.text = dateFormatter.stringFromDate(endDate)
    // ...


The goals of the project at this point should be testing for edgecase behavior and expanding customizability.

Please do contribute, open an issue if you have a question. Then Submit a PR! :D

Install via CocoaPods

CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:

$ gem install cocoapods

CocoaPods 1.1.0+ is required to build 10Clock

To integrate 10Clock into your Xcode project using CocoaPods, specify it in your Podfile:

source ''
platform :ios, '10.0'

target '<Your Target Name>' do
    pod '10Clock'


10Clock is released under the MIT license. See LICENSE for details.