Clock

Clock displays server or client datetime live. AutoSync feature in server mode can sync the clock with server periodically.

Client

Server

Analog

<style type="text/css">
    .ui-analog-clock {
        width: 200px;
    }
</style>  


<h:form>
    <h3 style="margin-top:0">Client</h3>
    <p:clock />

    <h3>Server</h3>
    <p:clock pattern="HH:mm:ss dd.MM.yyyy" mode="server" />
       
    <h3>Analog</h3>
    <p:clock displayMode="analog" />
</h:form>