2018-05-16 15:02:46 +00:00
|
|
|
'use strict';
|
|
|
|
|
|
|
|
import Pikaday from 'pikaday';
|
|
|
|
import { h, Component } from 'preact';
|
|
|
|
|
|
|
|
class Pikadayer extends Component {
|
|
|
|
componentDidMount() {
|
2018-05-24 11:46:26 +00:00
|
|
|
this.pikaday = new Pikaday({
|
2018-05-16 15:02:46 +00:00
|
|
|
field: this.base,
|
|
|
|
onSelect: this.props.onSelect,
|
2018-05-16 15:37:10 +00:00
|
|
|
position: 'bottom right',
|
2018-05-16 15:02:46 +00:00
|
|
|
})
|
|
|
|
}
|
2018-05-24 11:46:26 +00:00
|
|
|
|
|
|
|
componentWillReceiveProps(newProps) {
|
|
|
|
// make sure pikaday updates if we set a date using one of our presets
|
2018-05-24 15:02:19 +00:00
|
|
|
if(this.pikaday && newProps.value !== this.props.value) {
|
|
|
|
this.pikaday.setDate(newProps.value, true)
|
2018-05-24 11:46:26 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-05-24 15:02:19 +00:00
|
|
|
componentWillUnmount() {
|
|
|
|
this.pikaday.destroy()
|
|
|
|
}
|
|
|
|
|
2018-05-16 15:02:46 +00:00
|
|
|
render(props) {
|
2018-05-24 15:02:19 +00:00
|
|
|
return <input />
|
2018-05-16 15:02:46 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Pikadayer
|