Package Exports

bs-react-datepicker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bs-react-datepicker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

bs-react-datepicker

Bucklescript/Reason bindings for react-datepicker

Info

🚧 This is a WIP library. Most of the basic features are implemented, but some are still left not working. If you would like to help with the development effort, feel free to submit a pull request 🚧

This library provides Bucklescript/Reason bindings for react-datepicker.

Dependencies

Apart from bucklescript itself, the only requirement for using bs-react-datepicker is bs-moment

Installation

In your terminal, run

npm i --save bs-react-datepicker

Include it in your bsconfig.json

"bs-dependencies": [
  "reason-react",
  "bs-moment"
],

Then include it in your reason project

open ReactDatepicker;

Example

The primary component is, of course DatePicker.

open ReactDatepicker;
open MomentRe;

type state = {
  currentDate: Moment.t
};

type action =
  | UpdateDate(Moment.t);

let component = ReasonReact.reducerComponent("TestDatepicker");


let make(children) {
  ...component,
  initialState: () => {
    currentDate: momentNow()
  },
  reducer: (action: action, state: state) => switch action {
    | UpdateDate(date) => ReasonReact.Update({...state, currentDate: date})
  },
  render: (self) => {
    <DatePicker
    dropdownMode = Select
    dateFormat = "YYYY-MM-DD"
    selected = self.state.currentDate
    onChange=((date) => self.send(UpdateDate(date)))>
    </DatePicker>
  }
}

To Do

❌ Include more examples

❌ Implement more callbacks

❌ Implement popper props

Maintainers

Zach Baylin (me@zachbayl.in)

Ohad Rau (admin@ohad.space)