clock_render.js

// Returns the basic layout of the clock
return (
  <div className="clock">
    <NumeralPair value={convertedHours}/>
    <Spacer/>
    <NumeralPair value={this.state.date.getMinutes()}/>
    <Spacer/>
    <NumeralPair value={this.state.date.getSeconds()}/>
    <TimeSetting timePeriod={timePeriod} timeSetting={this.state.timeSetting} toggle={this.toggleTimeSetting}/>
  </div>
);