Reason bindings for react-dates

Usage no npm install needed!

<script type="module">
  import ahrefsBsReactDates from 'https://cdn.skypack.dev/@ahrefs/bs-react-dates';


Reason bindings for react-dates

Reason bindings for react-dates.


🚧 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;



Please take a look at examples. To run demo:

$ cd examples
$ npm install
$ npm start