Estoy tratando de activar la apertura de un selector de fecha de calendario al hacer clic en un campo de texto relacionado. Mi HTML se ve así:

 <form action="test.html" method="post"> <input type="date" id="dueDate" name="dueDate"> <input type="text" id="dateText" name="dateText" onclick="dateTextClick()"> </form>

y mi Javascript se ve así:

 <script> function dateTextClick() { var $input = document.querySelector("#dueDate"); $input.focus(); $input.click(); } </script>

La primera línea funciona y la entrada de fecha recibe el foco. Sin embargo, la acción de hacer clic no se activa, por lo que el calendario del selector de fechas no aparece.

En caso de que sea relevante, este código está incrustado en un artículo de Joomla, pero hasta ahora, en mi experiencia, eso no ha marcado la diferencia en el uso de Javascript.

¡Agradecería cualquier sugerencia sobre cómo solucionar esto!