Popularity
4.0
Growing
Activity
4.2
Declining
353
5
80

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v3.9.1

react-flatpickr alternatives and similar libraries

Based on the "Date / Time picker" category

Do you think we are missing an alternative of react-flatpickr or a related project?

Add another 'Date / Time picker' Library

README

NPM version License Dependency status

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 all flatpickr parameters to props.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


*Note that all licence references and agreements mentioned in the react-flatpickr README section above are relevant to that project's source code only.