Customize Calendar Button Panel

[salvob]

Is it possible to add a button to "button panel" on p:calendar?

[Andre Froes]

If you inspect the calendar, you will find this:

Code: Select all

<div class="ui-datepicker-buttonpane ui-widget-content">
    <button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" data-handler="today" data-event="click">Today</button>
    <button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" data-handler="hide" data-event="click">Done</button>
</div>

customize at will, since the persisted data will be the one stored at input

[smithh032772]

p:calendar = jquery datepicker

search google and stackoverflow, and then let your research begin.

[kukeltje]

You can always use javascript (in the form of jquery) to simply manipulate the dom and move buttons inside it. Just keep into account if you want to update the calendar that you have to move the button inside it again, so update a 'wrapper' that contains the additional button and the jquery code... You can even wrap that in a custom component

[fredwilliam]

Dear friends!
Sorry for my little knowledge, I already researched a lot and could not find a way to trigger or change the behavior of one of these buttons! could you help me with a practical example?