html

Beauty html (mengubah script html menjadi rapih) : https://www.freeformatter.com/html-formatter.html#ad-output

-> solusi select2 tidak muncul di modal box :
-hilang tabindex="-1" di class modal box (https://stackoverflow.com/questions/18487056/select2-doesnt-work-when-embedded-in-a-bootstrap-modal/33884094#33884094)

-> solusi datepicker tidak muncul di modal

html dalam modal : 

<div class="col-12 col-md-6">

<label class="form-label"><b>Tanggal Masuk</b></label><span style="color: red; height: 500px;">*</span>

<input

type="text"

class="form-control flatpickr-input"

name="tanggal_daftar"

value=""

required

pattern="\d{4}-\d{2}-\d{2}"

title="Format harus YYYY-MM-DD"

>

<div class="invalid-feedback"></div>

</div>

js :

@section('js')

<script>

document.addEventListener('DOMContentLoaded', function() {

const myModal = document.getElementById('addHistoriPendidikan');

myModal.addEventListener('shown.bs.modal', function () {

flatpickr(".flatpickr-input", {

dateFormat: "Y-m-d",

allowInput: true,

// 'static' memastikan kalender merender di dalam modal, bukan di ujung body

static: true,

// 'monthSelectorType' opsional, mencegah error fokus di beberapa versi

monthSelectorType: "static"

});

});

});

</script>

@endsection