Datepicker year drop down is displaying on the top of the tooltip
Posted: 23 May 2023, 19:29
Hello team We do have a datepicker and an input field in my application. Whenever the user hovers over an input field, a tooltip is shown. yet the tooltip that appears beneath the year dropdown always. How can I get a tooltip to appear at the top of the year drop down?
Code:
<p:datePicker
id="endDate"
showIcon="true" maxlength="10"
mindate="#{myBean.minDate}"
maxdate="#{myBean.currentDate}"
value="#{myBean.createDate}"
pattern="dd/mm/YYYY HH:mm" yearNavigator="true"
monthNavigator="true" readonlyInput="false"
hideOnDateTimeSelect="true"
converterMessage="enter valid end date"
showOnFocus="false" yearRange="1900:3000" required="true">
<p:tooltip
id="endDateTooltip"
for="endDate"
trackMouse="false" showEffect="fade" hideEffect="fade"
showEvent="mouseover" hideEvent="mouseout"
showDelay="0" hideDelay="0"
value="please input as dd/mm/YYYY HH:mm" />
</p:datePicker>
Code:
<p:datePicker
id="endDate"
showIcon="true" maxlength="10"
mindate="#{myBean.minDate}"
maxdate="#{myBean.currentDate}"
value="#{myBean.createDate}"
pattern="dd/mm/YYYY HH:mm" yearNavigator="true"
monthNavigator="true" readonlyInput="false"
hideOnDateTimeSelect="true"
converterMessage="enter valid end date"
showOnFocus="false" yearRange="1900:3000" required="true">
<p:tooltip
id="endDateTooltip"
for="endDate"
trackMouse="false" showEffect="fade" hideEffect="fade"
showEvent="mouseover" hideEvent="mouseout"
showDelay="0" hideDelay="0"
value="please input as dd/mm/YYYY HH:mm" />
</p:datePicker>