arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Calculator
Calculator can be localised for other languages. Select a language to change the text and tooltips.

RTL (Right To Left) is also supported!
Source

<h:panelGrid columns="6" id="pnlDetails">
        <p:outputLabel value="Locale:" for="cboLocale" />
        <p:selectOneMenu id="cboLocale" value="#{calculatorController.language}" style="width:200px" required="true">
            <f:selectItems value="#{calculatorController.languages}" />
            <p:ajax update="pInputText" process="@this"/>
        </p:selectOneMenu>

        <p:outputLabel value="RTL:" for="chkRtl" />
        <p:selectBooleanCheckbox id="chkRtl" value="#{calculatorController.rtl}">
            <p:ajax update="pInputText" process="@this"/>
        </p:selectBooleanCheckbox>

        <p:outputLabel value="Calc:" for="pInputText" />
        <p:inputText id="pInputText" value="#{calculatorController.pInputText}">
            <pe:calculator dir="#{calculatorController.rtl ? 'rtl' : 'ltr'}" locale="#{calculatorController.language}" showOn="both"/>
        </p:inputText>
    </h:panelGrid>
            
Components and more
Documentation pe:
Attributes (move mouse over the names to see data types)
Name Description
No attributes available for this component.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 15.0.13,PrimeFaces Extensions: 15.0.14-SNAPSHOT,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: Apache Tomcat (TomEE)/9.0.82 (8.0.16),Build time: 2026-02-23 00:32