Fork me on GitHub
Attention: This component is still under progress and experimental.
b:calendar The calendar tag renders a HTML input element of the type "text" using Bootstrap Datepicker as jQuery plugin

See Moment JS for detailed locale support.

Tag attributes
If no locale is set 'en' will be used.
HTML5 tag attributes
Tag controls
Adds f:ajax as child to component.

Change it and see JSF example.
component
tooltip

Value:
Readable value:
                            <!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://xmlns.jcp.org/jsf/html" 
      xmlns:f="http://xmlns.jcp.org/jsf/core" 
      xmlns:b="http://butterfaces.org/components"> 
<h:head /> 
<body>
    <h:form id="formId">
        <b:calendar id="input"
                    label="label"
                    hideLabel="false"
                    value="null"
                    pickDate="true"
                    pickTime="true"
                    sideBySide="false"
                    placeholder="Enter date or click icon..."
                    readonly="false"
                    required="false"
                    disabled="false"
                    autoFocus="false"
                    rendered="true">
            <b:tooltip>
                tooltip
            </b:tooltip>
        </b:calendar>
    </h:form> 
</body> 
</html>