timePicker and PF calendar control conflict

[evaleah]

I have a page with both a timePicker and several PF calendar controls on it. All the controls in the DOM before the time picker are rendered without the button (I have them set to showon=button). For the controls where I had time as part of the selection, the ones before the timePicker appears no longer have time there. All the controls rendered in the DOM after the timePicker render perfectly.

[Oleg]

Strange. It was working for us in one web app where we had mixed PF calendar and PF TimePicker. Before 3.4. Please post a simple code snippet which demonstrates the problem.

[smithh032772]

I don't like show on button, but p:calendar and pe:timePicker working really good over here!

click URL below and my code is shared there.
viewtopic.php?f=14&t=25319

[smithh032772]

Interesting, I am seeing this issue, since I have pe:timePicker mode="popup" and p

Code: Select all

<p:calendar value="#{flight.flightDateTime}" navigator="true"
            label="Flight Date/Time"
            pattern="MM/dd/yyyy hh:mm a" size="20">
    <f:convertDateTime pattern="MM/dd/yyyy hh:mm a" />
</p:calendar>

What I see is the following:
1. pe:timePicker works as designed on this page
2. p:calendar with date/time 'pattern' initially shows date and time in the inputText field
3. When click the inputText field, the dropdown/popup only shows the datePicker, and the timePicker is not displayed
4. When I select a date via mouse-click, then the inputText is updated only with the date value, and the time value is not displayed in the inputText

As usual, I just wanted to report this issue/behavior, and I'm going to split the date and time, and use p:calendar and pe:timePicker, respectively. That's my goal today. I should have done that long time ago, but this p:calendar with date/time 'pattern' is rendered in a p:dataTable p:column, and I was a bit lazy splitting up the date and time values, but now I need to do it, to workaround this issue/behavior. No problem with me and no complaints.

[Oleg]

Thanks for pointing to possible issues. I think this may be a CSS collision. Both use ui-... prefix. We try to use pe-... prefix whenever it's possible, but some third-party plugins come still with ui-... If JavaScript looks for ui-... we have a problem.

[smithh032772]

Issue 280 in Issue tracker.

[kaiyara]

I appreciate all the posts in this forum... thanks everyone... Have a good day.

[stephaniestep456]

I think you will have to set it to all the code in a single loop for the changes to happen for all the controls. Well that might sometimes get conflicted too. You can reset all the controls once again after setting up the time picker to render the changes. garciniareviews.org

[Anabel]

For controls when I had time as part of the selection, the ones before the TimePicker seems longer have time there. All controls rendered in the DOM after the TimePicker do it perfectly.

[xiaoyuandlg]

I have a page with both a timePicker and several PF calendar controls on it. All the controls in the DOM before the time picker are rendered without the button (I have them set to showon=button). For the controls where I had time as part of the selection, the ones before the timePicker appears no longer have time there. All the controls rendered in the DOM after the timePicker render perfectly.

I've tried as your description, however, I didn't met that situation. Hard to figure out in which step did you got wrong. Anyway, I saw a time picker control tutorial which is quite specific, might do your some favor. Or change something like a UI calendar control may alters something.