Skip to content

Instantly share code, notes, and snippets.

@whoisthisstud
Forked from TWithers/alpine-flatpickr.html
Created August 11, 2022 19:02
Show Gist options
  • Select an option

  • Save whoisthisstud/fc855fa491794fe3e62ef4553942b459 to your computer and use it in GitHub Desktop.

Select an option

Save whoisthisstud/fc855fa491794fe3e62ef4553942b459 to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment