react-dejt

Customizable, lightweight, minimalistic Datepicker for React.

Important: This is the master branch of react-dejt and may contain changes that are not yet released. To see the code for the most recently published release, browse the latest tag.

Install

npm install react-dejt --save

Usage

import DatePicker from 'react-dejt';
React.render(<DatePicker defaultDate={new Date()}/>, document.body);

Options

defaultDate: React.PropTypes.instanceOf(Date)
Sets a preselected Date to start with

CSS

React-dejt does not come bundled with any default CSS, which is a design choice. React-dejt does not make any assumptions on how you want to handle your CSS. Currently dejt only outputs div elements, which could be subject to change in a future release.

Below is a list of CSS classes that you can/need to implement yourself. See example SCSS file for rudimentary implementation.

.DatePicker
.DatePicker__month
.DatePicker__days
.DatePicker__day
.DatePicker__controls
.DatePicker__controls--prev
.DatePicker__controls--next

Development

In order to contribute and further develop this plugin follow the instructions below.

• Check out project git clone https://github.com/limelights/react-dejt.git
• Run npm install
• Start dev server with webpack-dev-server --port 3500 --content-base browser/ --config webpack.dev.config.js
• Point your browser to http://localhost:3500 to see your Date Picker
• Run tests with npm test.