search

themesberg / flowbite-datepicker

A Tailwind CSS datepicker built with vanilla JavaScript
https://flowbite.com/docs/components/datepicker/
MIT License
139 stars 43 forks source link

Firing change event #22

Open justinperkins opened 1 year ago

justinperkins commented 1 year ago

Currently when the date value is assigned, no change event is fired, which means that when you've got custom event listeners for change events, they won't fire when a date in the picker is chosen.

xirukitepe commented 7 months ago

Hi @justinperkins

Did you manage to get this working? 🤔

justinperkins commented 7 months ago

Did you manage to get this working? 🤔

I did actually, through looking at the Flowbite datepicker source code I found that a custom event is emitted on the related input control, so you can use that to trigger custom code when a date is chosen.

Basically, if you observe for the changeDate event on your input, it will be fired when a date is chosen in the Flowbite datapicker UI.

Related Flowvite JS here: https://github.com/themesberg/flowbite-datepicker/blob/658b8cc5b84aec732e60f59044b35d4769c00294/js/Datepicker.js#L110 And here: https://github.com/themesberg/flowbite-datepicker/blob/master/js/events/functions.js#L4