webpack-bootstrap-ui-kit/src/js/ui/datepicker.js

31 lines
712 B
JavaScript

import Events from '../_events'
import Datepicker from 'vanillajs-datepicker/Datepicker'
const init = () => {
document.querySelectorAll('input.js-datepicker').forEach((el, i) => {
if( el.dataset.ui ){
return
}
const datesNum = el.dataset.datesNum;
const picker = new Datepicker(el,{
buttonClass: 'btn',
autohide: true,
maxNumberOfDates: datesNum ? datesNum : 1,
})
el.addEventListener('changeDate', (e) => {
e.currentTarget.dispatchEvent(new Event('change'));
})
el.ui = picker
el.dataset.ui = true
})
}
window.addEventListener(`${Events.LODEDANDREADY}`, init)
window.addEventListener(`${Events.AJAX}`, init)
export default Datepicker