¿Existe una forma integrada para que Flatpickr agregue automáticamente un delimitador cuando un usuario escribe manualmente una fecha en el campo de entrada?
Puede hacerlo usando la función de enmascaramiento jQuery para esto.
Ejemplo:
$(document).ready(function() { const flatpickr_time = $('#flatpickr_time').flatpickr({ allowInput: true, dateFormat: 'd/m/Y' }); $('#flatpickr_time').mask("99/99/9999"); $('#flatpickr_time').change(function() { if ($(this).val().substring(0, 2) > 12 || $(this).val().substring(0, 2) == "00") { console.log("Wrong month format"); return false; } if ($(this).val().substring(3, 5) > 31 || $(this).val().substring(0, 2) == "00") { console.log("Wrong date format"); return false; } }); }); <link href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.11/flatpickr.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.11/flatpickr.min.js"></script> <input id="flatpickr_time" style="width:200px;">