value="#{chronolineView.events}" var="event" align="alternate">
                #{event.status}
            </p:chronoline>
        </div>

        <div class="card">
            <h5>Opposite Content</h5>
            <p:chronoline value="#{chronolineView.events}" var="event">
                #{event.status}

                <f:facet name="opposite">
                    <small class="text-secondary">#{event.date}</small>
                </f:facet>
            </p:chronoline>
        </div>

        <div clas