Reason bindings for react-dates

Reason bindings for react-dates.

Status

🚧 Not everything is supported yet; Unstable; Doesn't follow semver; 🚧

Feel free to create an issue or PR.

Installation, npm

npm install --save @ahrefs/bs-react-dates

Then add @ahrefs/bs-react-dates to bs-dependencies in your bsconfig.json:

{
  ...
  "bs-dependencies": ["@ahrefs/bs-react-dates"]
}

To include styles

[%bs.raw {|require('react-dates/lib/css/_datepicker.css')|}];

react-dates assumes that box-sizing: border-box is set globally in your page's CSS. At least do this, to make it display properly.

.DateRangePicker *,
.SingleDatePicker *,
.DayPickerRangeController * {
  box-sizing: border-box;
}

TODO

• [x] DateRangePicker
• [x] SingleDatePicker
• [ ] DayPickerRangeController
• [ ] can I/should I make it independable from bs-moment?

Usage

Please take a look at examples. To run demo:

$ cd examples
$ npm install
$ npm start