title: How to show calendar on top of dialog?
body: <p>I have a calendar in a dialog, but when I select the calendar to enter the date, the calendar is shown behind the dialog, as shown in the image. It should be shown in the dialog.</p>
  <p><a href="https://i.stack.imgur.com/C03Nk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C03Nk.png" alt="Example" /></a></p>
  <p>Code:</p>
  <pre><code>&lt;p:dialog style=&quot;align-content: center&quot; widgetVar=&quot;mostrar&quot; header=&quot;Editar Oportunidad&quot; modal=&quot;true&quot; showEffect=&quot;clip&quot; resizable=&quot;false&quot;&gt;
      &lt;h:form id=&quot;valor&quot;&gt;
          &lt;p:panelGrid columns=&quot;4&quot;&gt;
              &lt;p:outputLabel value=&quot;No.Oportunidad&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.idOportunidad}&quot; readonly=&quot;true&quot;/&gt;
              &lt;p:outputLabel value=&quot;Cliente&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.clienteOportunidad.empresaCliente}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Fecha Inicio&quot; /&gt;
              &lt;p:calendar/&gt;
              &lt;p:outputLabel value=&quot;Fecha Cierre&quot; /&gt;
              &lt;p:datePicker value=&quot;#{oportunidadController.oportunidades.fechaFinOportunidad}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Tipo Servicio&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.tipoServicioOportunidad}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Contacto&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.contactoOportunidad}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Tarifa&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.tarifaOportunidad}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Moneda&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.monedaOportunidad}&quot;/&gt;
              &lt;p:outputLabel value=&quot;Vendedor&quot; /&gt;
              &lt;p:inputText value=&quot;#{oportunidadController.oportunidades.oportunidadVendedor.nombresVendedor}&quot;/&gt;
              &lt;p:commandButton update=&quot;:clientesTable&quot; value=&quot;Actualizar&quot; actionListener=&quot;#{oportunidadController.actualizar()}&quot; onclick=&quot;PF('mostrar').hide();&quot; ajax=&quot;false&quot;/&gt;
              &lt;p:commandButton value=&quot;Cerrar&quot; onclick=&quot;PF('mostrar').hide();&quot;/&gt;
          &lt;/p:panelGrid&gt;
      &lt;/h:form&gt;
  &lt;/p:dialog&gt;
  </code></pre>