Siberia SHOP NOW

Clock

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

Documentation

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>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.

PrimeTek Informatics, Copyright © 2019 All rights reserved.
Running PrimeFaces-8.0-SNAPSHOT on Mojarra-2.3.21.