react-flatpickr
Flatpickr for React.
Usage
import 'flatpickr/dist/themes/material_green.css'
import Flatpickr from 'react-flatpickr'
import { Component } from 'react'
class App extends Component {
constructor() {
super();
this.state = {
date: new Date()
};
}
render() {
const { date } = this.state;
return (
<Flatpickr data-enable-time
value={date}
onChange={date => { this.setState({date}) }} />
)
}
}
-
flatpickr options
: you can pass allflatpickr parameters
toprops.options
- All flatpickr hooks can be passed as a react prop, or to
props.options
<Flatpickr options={{minDate: '2017-01-01'}} />
Themes
Please import themes directly from the flatpickr
dependency. In most cases, you should just be able to import 'flatpickr/dist/themes/theme.css'
, but in some cases npm or yarn may install flatpickr
in node_modules/react-flatpickr/node_modules/flatpickr
. If that happens, removing your node_modules
dir and reinstalling should put flatpickr in the root node_modules
dir, or you can import from react-flatpickr/node_modules/flatpickr
manually.
License
MIT