Me gustaría activar el calendario del navegador nativo desde js.

Tengo una página donde los usuarios quieren ver fechas en diferentes formatos (elegir entre 30/03/2022, lunes 12 de marzo de 1911, etc.), pero tienen que poder editar estas fechas. La solución real sería mostrar un texto [entrada = texto], para convertirlo debajo del capó con $input.prop('type', 'text') en eventos de clic; y para desencadenar un nuevo clic en el elemento. Bueno, no activa el calendario.

 <input data-type="date" type="text" > <script> $el = $('input[data-type=date]'); $el.on('click', (e, el) => { $el = $(el); $input.prop('type', 'date'); // convert format from required one to 06-06-2066 $input.trigger('click'); }); $el.on('blur', (e, el) => { $el = $(el); // convert format from 06-06-2066 to required one $input.prop('type', 'text'); }); </script>