Package detail

bs-react-dates

ahrefs27MITdeprecated3.0.0

this package has been deprecated in favor of @ahrefs/bs-react-dates

Reason bindings for react-dates

🚧 Not everything is supported yet. 🚧

Feel free to create an issue or PR.

npm install --save bs-react-dates

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

{
  ...
  "bs-dependencies": ["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;
}

<input checked="" disabled="" type="checkbox"> DateRangePicker
<input disabled="" type="checkbox"> SingleDatePicker
<input disabled="" type="checkbox"> DayPickerRangeController
<input disabled="" type="checkbox"> can I/should I make it independable from bs-moment?

Please take a look at examples. To run demo:

$ cd examples
$ npm install
$ npm start

callbacks receive and returns records/bools this gets converted to JS values(objects/Js.boolean) under the hood