Sha256: ffddd80ea85c07492c144890c4b5fa8177076789c0fda3d3eb403c8805386925
Contents?: true
Size: 966 Bytes
Versions: 74
Compression:
Stored size: 966 Bytes
Contents
import React from 'react'
import { DatePicker } from '../../'
const DatePickerHooks = () => {
// 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"
/>
<DatePicker
label="onOpen"
pickerId="date-picker-hooks-onopen"
/>
</div>
)
}
export default DatePickerHooks
Version data entries
74 entries across 74 versions & 1 rubygems