Sha256: 7a78d691965104741bf0d79f64ce16db9171f000cde83d38ee6c37cbf1ee1ac4
Contents?: true
Size: 1019 Bytes
Versions: 1919
Compression:
Stored size: 1019 Bytes
Contents
import React from 'react'
import DatePicker from '../_date_picker'
const DatePickerHooks = (props) => {
// Define hooks
const changeHook = () => {
alert('date changed')
}
const openHook = () => {
alert('calendar opened')
}
// Access flatpickr instances with picker ids and assign them variables
window.addEventListener('DOMContentLoaded', () => {
const fpChange = document.querySelector('#date-picker-hooks-onchange')._flatpickr
const fpOpen = document.querySelector('#date-picker-hooks-onopen')._flatpickr
// Push one or more hooks to flatpickr instance's Event config arrays
fpChange.config.onChange.push(changeHook)
fpOpen.config.onOpen.push(openHook)
})
return (
<div>
<DatePicker
label="onChange"
pickerId="date-picker-hooks-onchange"
{...props}
/>
<DatePicker
label="onOpen"
pickerId="date-picker-hooks-onopen"
{...props}
/>
</div>
)
}
export default DatePickerHooks
Version data entries
1,919 entries across 1,919 versions & 2 rubygems