alpine-flatpickr.html

<script>
    document.addEventListener('alpine:init', () => {
        Alpine.data('flatpickr', () => ({
            selectedDate: '',
            init() {
                const fp = new window.flatpickr(this.$refs.picker, {});
                if (typeof window.flatpickrInputs === 'undefined') {
                    window.flatpickrInputs = [];
                }
                window.flatpickrInputs.push(fp);

                fp.config.onChange.push((a, dateStr) => {
                    this.selectedDate = dateStr;
                });
            }
        });
    });
</script>

<div x-data="flatpickr">
    <input type="text" x-model="selectedDate" x-ref="flatpickrInput">
</div>