react-day-picker-themeable - npm Package Compare versions

Comparing version 2.5.2 to 7.0.5

CHANGELOG.md

@@ -1,11 +0,622 @@
-## [v2.4.0](https://github.com/gpbl/react-day-picker/tree/v2.4.0) (2016-07-31)
+### [v7.0.5](https://github.com/gpbl/react-day-picker/tree/v7.0.5) (2017-12-03)
 
-* Added `pageNavigation` prop ([#196](https://github.com/gpbl/react-day-picker/pull/196) by [zaygraveyard](https://github.com/zaygraveyard)).
-* Improved behavior of `initialMonth` ([#198](https://github.com/gpbl/react-day-picker/pull/198) by [zaygraveyard](https://github.com/zaygraveyard)).
+* (Typescript) Various fixes to type definitions
+* (DayPickerInput) Fixed: issue parsing dates in January
+* Fixed: Updated month prop not updating the calendar when displaying multiple
+  months ([#580](https://github.com/gpbl/react-day-picker/issues/580))
 
+# [v7.0.0](https://github.com/gpbl/react-day-picker/tree/v7.0.0) (2017-11-25)
+
+**Breaking changes**
+
+* `enableOutsideDays` prop is now named `showOutsideDays`
+* if you are using `DayPickerInput`, we removed the moment.js dependency and
+  changed how to pass props to the input field (upgrade is easy, see below).
+* if you are using commonjs to import the component, change your code:
+  ```diff
+  - var DayPicker = require('react-day-picker`)
+  + var DayPicker = require('react-day-picker`).default
+  ```
+* if you are using TypeScript and upgrading from `v6.2.1` (see
+  [#533](https://github.com/gpbl/react-day-picker/issues/533)), use the default
+  import:
+  ```diff
+  - import { DayPicker } from 'react-day-picker`;
+  + import DayPicker from 'react-day-picker';
+  ```
+* if you are using a custom CSS, consider that now the calendar table is inside
+  a `div` with a `.DayPicker-Months` CSS class.
+
+If you find problems while upgrading, please
+[add an issue](https://github.com/gpbl/react-day-picker/issues/new), thanks!
+
+**New features**
+
+* Improved layout and style. Added `.DayPicker-Months` container.
+* Added: [`renderWeek`](http://react-day-picker.js.org/api/DayPicker`renderWeek)
+  prop ([#497](https://github.com/gpbl/react-day-picker/issues/497) by
+  [jenshandersson](https://github.com/jenshandersson))
+* Added:
+  [`onTodayButtonClick`](http://react-day-picker.js.org/api/DayPicker#onTodayButtonClick)
+  prop ([#529](https://github.com/gpbl/react-day-picker/issues/529))
+* Added:
+  [`showWeekDays`](http://react-day-picker.js.org/api/DayPicker#showWeekDays)
+  prop. Set it to `false` to hide weekday names
+* Added: `month` prop to
+  [`navbarElement`](<(http://react-day-picker.js.org/api/DayPicker#navbarElement)>)
+  ([#552](https://github.com/gpbl/react-day-picker/issues/552))
+* Renamed `enableOutsideDays` prop to
+  [`showOutsideDays`](<(http://react-day-picker.js.org/api/DayPicker#showOutsideDays)>)
+
+**Bug fixes**
+
+* Fixed: multiple months navigation not working correctly in some cases
+  ([#556](https://github.com/gpbl/react-day-picker/issues/556) by
+  [hydrognomik](https://github.com/azhangstrata))
+* Fixed: (Typescript) added again `DayModifiers` and `Modifiers` back to type
+  definitions file ([#526](https://github.com/gpbl/react-day-picker/issues/526)
+  by [azhangstrata](https://github.com/azhangstrata))
+* Fixed: (Typescript) missing default export
+  ([#533](https://github.com/gpbl/react-day-picker/issues/533))
+* Fixed: (a11y) removed `role="application"`
+  ([#548](https://github.com/gpbl/react-day-picker/issues/548) by
+  [trezy](https://github.com/trezy))
+
+### DayPickerInput
+
+**Breaking changes**
+
+* The moment.js requirement
+  [has been removed](https://github.com/gpbl/react-day-picker/pull/518), and you
+  should use
+  [`parseDate`](http://react-day-picker.js.org/api/DayPickerInput#parseDate) and
+  [`formatDate`](http://react-day-picker.js.org/api/DayPickerInput#formatDate)
+  props to parse and format the dates. If you want to keep using moment.js, your
+  existing code should changes as follows:
+
+  ```diff
+    import DayPicker from 'react-day-picker/DayPickerInput'
+  + import { formatDate, parseDate, } from 'react-day-picker/moment';
+
+    function MyDayPicker() {
+      return (
+        <DayPickerInput
+          placeholder="Please choose a date"
+          format="LL"
+  +       formatDate={formatDate}
+  +       parseDate={parseDate}
+        >
+      );
+    }
+  ```
+
+  See also [this example](http://react-day-picker.js.org/examples/input-moment).
+
+* You must pass additional props to the input component using the
+  [`inputProps`](http://react-day-picker.js.org/api/DayPickerInput#inputProps)
+  prop. _This is not a breaking change if you are just using `placeholder` or
+  `value`_. E.g.:
+  ```diff
+  <DayPickerInput
+     placeholder="Type a day"
+     value={this.state.selectedDay}
+  -  onFocus={myFocusHandler}
+  -  className="my-input-css"
+  +  inputProps={{
+  +   onFocus: myFocusHandler,
+  +   className: 'my-input-css,
+  +  }}
+  />
+  ```
+
+**New features**
+
+* New:
+  [`inputProps`](http://react-day-picker.js.org/api/DayPickerInput#inputProps)
+  prop to pass additional props to the input component
+* New:
+  [`parseDate`](http://react-day-picker.js.org/api/DayPickerInput#parseDate) and
+  [`formatDate`](http://react-day-picker.js.org/api/DayPickerInput#formatDate)
+  props
+* New:
+  [`inputProps`](http://react-day-picker.js.org/api/DayPickerInput#inputProps)
+  prop to pass additional props to the input component
+* New:
+  [`overlayComponent`](http://react-day-picker.js.org/api/DayPickerInput#overlayComponent)
+  prop: useful to customize the overlay component
+  ([#477](https://github.com/gpbl/react-day-picker/issues/477), thanks to
+  [wldcordeiro](https://github.com/wldcordeiro))
+* New: allow to change `numberOfMonths`, `selectedDays` props from
+  `dayPickerProps` ([#513](https://github.com/gpbl/react-day-picker/issues/513),
+  [#531](https://github.com/gpbl/react-day-picker/issues/531) by
+  [hydrognomik](https://github.com/hydrognomik)). Useful for selecting range of
+  days ([example](http://react-day-picker.js.org/examples/input-from-to)).
+* New:
+  [`showOverlay`](http://react-day-picker.js.org/api/DayPickerInput#showOverlay)
+  prop: shows the overlay at the initial rendering (useful for styling)
+* New: [`getInput`](http://react-day-picker.js.org/api/DayPickerInput#getInput)
+  and
+  [`getDayPicker`](http://react-day-picker.js.org/api/DayPickerInput#getDayPicker)
+  public methods
+
+- Changed: clicking the Today Button will set the input value to today
+  ([#561](https://github.com/gpbl/react-day-picker/issues/561))
+- Changed: removed `fixedWeek` prop. Use `dayPickerProps ={{ fixedWeek: true }}`
+  to restore it.
+
+**Bug fixes**
+
+* Fixed: some modifiers were not passed down when using a custom `classNames`
+  ([#517](https://github.com/gpbl/react-day-picker/issues/517),
+  [#504](https://github.com/gpbl/react-day-picker/issues/504) by
+  [tume](https://github.com/tume))
+* Fixed: focus behavior on Firefox
+  ([#525](https://github.com/gpbl/react-day-picker/issues/525) by
+  [martinmosko](https://github.com/martinmosko))
+* Fixed: value not updated when changed in some cases
+  ([#535](https://github.com/gpbl/react-day-picker/issues/535))
+* Fixed: localization bug when using multiple languages
+  ([#509](https://github.com/gpbl/react-day-picker/issues/509))
+
 ---
 
+## [v6.2.0](https://github.com/gpbl/react-day-picker/tree/v6.2.0) (2017-10-05)
+
+* Added: TypeScript definitions for DayPickerInput
+  ([#487](https://github.com/gpbl/react-day-picker/issues/487) by
+  [adidahiya](https://github.com/adidahiya) and
+  [lpcarignan](https://github.com/lpcarignan))
+
+**Bug fixes**
+
+* Fixed: an issue with React 0.14
+* Fixed: a console warning in React 16
+  ([#493](https://github.com/gpbl/react-day-picker/issues/493))
+* `DayPickerInput` Fix an error when `format` is passed as array
+  ([#502](https://github.com/gpbl/react-day-picker/issues/502))
+* `DayPickerInput` Fix update when receiving new props
+  ([#495](https://github.com/gpbl/react-day-picker/issues/495) by
+  [kradical](https://github.com/kradical))
+
+### [v6.1.1](https://github.com/gpbl/react-day-picker/tree/v6.1.1) (2017-09-27)
+
+* Added: React 16 as peer dependency
+  ([#498](https://github.com/gpbl/react-day-picker/issues/498) by
+  [brycehill](https://github.com/brycehill))
+* Allow node consumers to remove propTypes for production builds
+  ([#463](https://github.com/gpbl/react-day-picker/issues/463) by
+  [oigewan](https://github.com/oigewan))
+
+**Bug fixes**
+
+* Fixed: disabled interaction in RTL
+  ([#471](https://github.com/gpbl/react-day-picker/issues/471) by
+  [edoshor](https://github.com/edoshor))
+
+## [v6.1.0](https://github.com/gpbl/react-day-picker/tree/v6.1.0) (2017-07-09)
+
+**Improvements**
+
+* Added new
+  [`onDayMouseDown`](http://react-day-picker.js.org/docs/api.html#ondaymousedown)
+  and
+  [`onDayMouseUp`](http://react-day-picker.js.org/docs/api.html#ondaymouseup)
+  props ([#445](https://github.com/gpbl/react-day-picker/issues/445) by
+  [eldritchideen](https://github.com/eldritchideen))
+
+**Bug fixes**
+
+* Fixed: before/after modifier not working as expected
+  ([#451](https://github.com/gpbl/react-day-picker/issues/451))
+* Fixed: changing some props would not update day cells
+  ([#452](https://github.com/gpbl/react-day-picker/issues/452) by
+  [oigewan](https://github.com/oigewan))
+* Fixed: `classNames` may prevent clicking on outside days
+  ([#449](https://github.com/gpbl/react-day-picker/issues/449))
+
+### [v6.0.5](https://github.com/gpbl/react-day-picker/tree/v6.0.5) (2017-07-02)
+
+**Bug fixes**
+
+* Fixed: today button inside a form submits the form
+  ([#443](https://github.com/gpbl/react-day-picker/issues/443))
+* Fixed: before/after modifiers not working as expected in some cases
+  ([#442](https://github.com/gpbl/react-day-picker/issues/442))
+* `DayPickerInput` Fixed: allow multiple formats in `format` prop
+  ([#439](https://github.com/gpbl/react-day-picker/issues/439))
+
+### [v6.0.4](https://github.com/gpbl/react-day-picker/tree/v6.0.4) (2017-06-26)
+
+**Bug fixes**
+
+* Fixed: next and previous buttons not working via keyboard
+  ([#430](https://github.com/gpbl/react-day-picker/issues/430))
+* Fixed: wrapper style cannot be set when using CSS modules
+  ([#432](https://github.com/gpbl/react-day-picker/issues/432))
+
+### [v6.0.3](https://github.com/gpbl/react-day-picker/tree/v6.0.3) (2017-06-22)
+
+**Bug fixes**
+
+* `DayPickerInput` Call `onDayChange(undefined, {})` when user empties the input
+  field. ([#423](https://github.com/gpbl/react-day-picker/issues/423))
+* `DayPickerInput` Fixed: shown month was not updated when updating month in
+  `dayPickerProps` ([#425](https://github.com/gpbl/react-day-picker/issues/425))
+
+# [v6.0.0](https://github.com/gpbl/react-day-picker/tree/v6.0.0) (2017-06-16)
+
+This major release focuses on performance, improves accessibility and fixes some
+bugs. There are some possible breaking changes, but they are easy to fix (read
+below).
+
+**Breaking changes**
+
+* The container's HTML structure has changed: the interactive element used to
+  focus the calendar has been moved into a wrapper to improve accessibility
+  ([#392](https://github.com/gpbl/react-day-picker/issues/392)):
+
+  ```diff
+  <div className="DayPicker">
+  + <div className="DayPicker-wrapper">
+    <!-- rendered stuff here -->
+  + </div>
+  </div>
+  ```
+
+  This is a **breaking change** if you are styling the component using your own
+  CSS or with the `classNames` prop.
+
+  * If you are styling with your own stylesheet, rename your `.DayPicker`
+    selector to `.DayPicker-wrapper`:
+
+  ```diff
+  - .DayPicker {
+  + .DayPicker-wrapper {
+  ```
+
+  * If you are using `classNames` with the `container` prop, rename the
+    `container` className to `wrapper`.
+
+* The container element is now an `inline-block` element.
+
+* When using `fromMonth`/`toMonth` props, navigation buttons now are rendered
+  and hidden via CSS. Before, the buttons were not rendered at all, and it was
+  impossible to style them
+  ([#366](https://github.com/gpbl/react-day-picker/issues/366))
+
+  This is a **breaking change** if you are using those props and styling the
+  component using your own CSS or with the `classNames` prop.
+
+  In such cases, the buttons will be always shown even if the previous or the
+  next months are not navigable.
+
+  * If you are styling with your own stylesheet, add a
+    `.DayPicker-NavButton--interactionDisabled` selector to your style with
+    `display: none`.
+  * If you are using `classNames`, add a `navButtonInteractionDisabled` to your
+    `classNames` with `display: none` to hide the buttons.
+
+* Improved rendering performance using `shouldComponentUpdate` and
+  `PureComponent` ([#389](https://github.com/gpbl/react-day-picker/issues/389))
+
+  It should not be a breaking change, but if something is not working for you
+  when updating some props please file an issue 🙃
+
+**Improvements**
+
+* Allow `{after, before}` modifiers in the same object
+  ([#354](https://github.com/gpbl/react-day-picker/issues/354)). You can now
+  write before/after modifiers such as `disabledDays={ { before: aDate, after:
+  aDate }}`.
+* **DayPickerInput**: added
+  [`clickUnselectsDay`](http://react-day-picker.js.org/docs/api-input.html#clickunselectsday)
+  prop to unselect and clear the input when clicking on a previously selected
+  day ([#399](https://github.com/gpbl/react-day-picker/issues/399))
+
+**Bug fixes**
+
+* Fixed an issue where users were able to focus outside days
+  ([#400](https://github.com/gpbl/react-day-picker/issues/400) by
+  [oigewan](https://github.com/oigewan))
+* Fixed an issue with Internet Explorer 11
+  ([#403](https://github.com/gpbl/react-day-picker/issues/403) by
+  [oigewan](https://github.com/oigewan))
+* **a11y**: fixed a warning `You have an unlabeled element or control.` shown
+  with react-a11y ([#386](https://github.com/gpbl/react-day-picker/issues/386))
+* **DayPickerInput**: fixed an issue when updating the `month`'s
+  `dayPickerProps` value
+  ([#380](https://github.com/gpbl/react-day-picker/issues/380) by
+  [Yustynn](https://github.com/Yustynn))
+
+**Improvements in the built version**
+
+These changes applies to the production build from the `lib` dir (e.g. that
+served from unpkg.com).
+
+* Removed prop types from production build
+  ([#349](https://github.com/gpbl/react-day-picker/issues/349))
+* Include `DayPicker.Input` in the built file
+  ([#383](https://github.com/gpbl/react-day-picker/issues/383))
+
+  Use `<DayPicker.Input />` to render the input component.
+
+---
+
+### [v5.5.3](https://github.com/gpbl/react-day-picker/tree/v5.5.3) (2017-05-25)
+
+* Bugfix for `DayPickerInput`: updated `value` prop now will be reflected in the
+  component's state
+  ([#363](https://github.com/gpbl/react-day-picker/issues/363))
+
+## [v5.5.0](https://github.com/gpbl/react-day-picker/tree/v5.5.0) (2017-05-09)
+
+**New DayPickerInput component**
+
+Use the `DayPickerInput` component to render an input field interacting with the
+day picker ([#213](https://github.com/gpbl/react-day-picker/issues/213)).
+
+See [example](http://react-day-picker.js.org/examples/input.html),
+[docs](http://react-day-picker.js.org/docs/input.html) and
+[API reference](http://react-day-picker.js.org/docs/api-input.html).
+
+**New features**
+
+* New
+  [`todayButton`](http://react-day-picker.js.org/docs/api-daypicker.html#todaybutton)
+  prop ([#329](https://github.com/gpbl/react-day-picker/issues/329)).
+
+  Use this prop to display a button on the calendar's footer to switch to the
+  current month
+  ([example](http://react-day-picker.js.org/examples/customization-today-button.html)).
+
+* New
+  [`showWeekDays`](http://react-day-picker.js.org/docs/api-daypicker.html#showweekdays)
+  and
+  [`onWeekClick`](http://react-day-picker.js.org/docs/api-daypicker.html#onweekclick)
+  props ([#304](https://github.com/gpbl/react-day-picker/issues/304)).
+
+  Use this props to display and interact with the year's week numbers
+  ([example](http://react-day-picker.js.org/examples/customization-week-numbers.html)).
+
+* New `daysOfWeek`
+  [modifiers type](http://react-day-picker.js.org/docs/modifiers.html) to match
+  days of the weeks
+  ([#330](https://github.com/gpbl/react-day-picker/issues/330)).
+
+  For example, to match Sundays and Mondays:
+
+  ```diff
+  <DayPicker
+    disabledDays={
+  -    day => day.getDate() === 0 || day.getDate() === 1
+  +    daysOfWeek: [0, 1]
+    }
+  />
+  ```
+
+### [v5.4.3](https://github.com/gpbl/react-day-picker/tree/v5.4.3) (2017-05-06)
+
+* Bugfix: `isBeforeDay`/`isAfterDay` functions where not exported correctly
+  ([#327](https://github.com/gpbl/react-day-picker/pull/327))
+
+### [v5.4.2](https://github.com/gpbl/react-day-picker/tree/v5.4.2) (2017-05-03)
+
+* Bugfix: `aria` role in Week element
+  ([#322](https://github.com/gpbl/react-day-picker/pull/322) by
+  [emily-plummer](https://github.com/emily-plummer))
+
+## [v5.4.1](https://github.com/gpbl/react-day-picker/tree/v5.4.1) (2017-04-29)
+
+* Expose [ModifiersUtils](http://react-day-picker.js.org/ModifiersUtils.html)
+  functions ([#309](https://github.com/gpbl/react-day-picker/pull/309) by
+  [cwmoo740](https://github.com/cwmoo740))
+
+  Use this set of functions if you need to validate or test your modifiers.
+
+## [v5.3.0](https://github.com/gpbl/react-day-picker/tree/v5.3.0) (2017-04-25)
+
+* Include Typescript Type Definitions
+  ([#303](https://github.com/gpbl/react-day-picker/pull/303))
+* Added: a new
+  [`modifiersStyles`](http://react-day-picker.js.org/docs/api-daypicker.html#modifiersstyles)
+  prop to add inline style to the days matching the given modifiers (see
+  [`example`](http://react-day-picker.js.org/docs/api-daypicker.html#modifiersstyles)).
+* Added: `isDayBefore`, `isDayAfter` functions to
+  [DateUtils](http://react-day-picker.js.org/DateUtils.html).
+
+**Bug fixes**
+
+* Functions were not considered in arrays of modifiers
+  ([#301](https://github.com/gpbl/react-day-picker/pull/301))
+* Fixes possible issues when comparing days with different timezones
+  ([#307](https://github.com/gpbl/react-day-picker/pull/307))
+
+### [v5.2.3](https://github.com/gpbl/react-day-picker/tree/v5.2.3) (2017-04-14)
+
+* Fixed `PropTypes` warnings in React 15.5.
+
+## [v5.2.0](https://github.com/gpbl/react-day-picker/tree/v5.2.0) (2017-03-09)
+
+* Allow overriding `today` modifier
+  ([#279](https://github.com/gpbl/react-day-picker/pull/279) by
+  [maxdubrinsky](https://github.com/maxdubrinsky))
+* Pass React Components to
+  [`navBarElement`](http://react-day-picker.js.org/docs/api-daypicker.html#navBarElement),
+  [`captionElement`](http://react-day-picker.js.org/docs/api-daypicker.html#captionElement),
+  [`weekdayElement`](http://react-day-picker.js.org/docs/api-daypicker.html#weekdayElement)
+  ([#280](https://github.com/gpbl/react-day-picker/pull/280) by
+  [cwmoo740](https://github.com/cwmoo740))
+
+* Fixed `aria` roles for weekdays and months HTML elements
+  ([#276](https://github.com/gpbl/react-day-picker/pull/276) by
+  [oigewan](https://github.com/oigewan))
+
+### [v5.1.2](https://github.com/gpbl/react-day-picker/tree/v5.1.2) (2017-03-03)
+
+* Fixed: an issue with keyboard navigation when using `classNames` prop
+  ([#269](https://github.com/gpbl/react-day-picker/pull/269) by
+  [oigewan](https://github.com/oigewan),
+  [#275](https://github.com/gpbl/react-day-picker/pull/275))
+* Fixed: installation issue with bower
+
+## [v5.1.1](https://github.com/gpbl/react-day-picker/tree/v5.1.1) (2017-03-03)
+
+* New
+  [`classNames`](http://react-day-picker.js.org/docs/api-daypicker.html#classnames)
+  prop ([#264](https://github.com/gpbl/react-day-picker/issues/264)).
+
+  Use this prop to change the CSS class names or add support for CSS modules
+  ([#73](https://github.com/gpbl/react-day-picker/issues/73), see
+  [this example](http://react-day-picker.js.org/docs/css-modules.html)).
+
+* New [`month`](http://react-day-picker.js.org/docs/api-daypicker.html#month)
+  prop ([#263](https://github.com/gpbl/react-day-picker/issues/263)).
+
+  This differs from the `initialMonth` props as it causes the calendar to
+  re-render when its value changes.
+
+* Added: `aria-label` attributes to the navigation bar with the new
+  [`labels`](http://react-day-picker.js.org/docs/api-daypicker.html#labels) prop
+  ([#258](https://github.com/gpbl/react-day-picker/issues/258)).
+
+# [v5.0.0](https://github.com/gpbl/react-day-picker/tree/v5.0.0) (2017-02-14)
+
+This release focuses on improving perfomance and the component's api-daypicker.
+
+* **New modifiers value types**
+  ([#254](https://github.com/gpbl/react-day-picker/issues/254))
+
+  Use dates, arrays, or ranges as modifier types, not just functions:
+
+  ```diff
+  <DayPicker
+  -     selectedDays={ day => DateUtils.isSameDay(day, this.state.selectedDay)}
+  +     selectedDays={ this.state.selectedDay }
+  />
+  ```
+
+  Read more in the
+  [modifiers documentation](http://react-day-picker.js.org/docs/modifiers.html).
+
+* **Breaking change** Event handlers signature has changed
+  ([#256](https://github.com/gpbl/react-day-picker/issues/256))
+
+  All events handlers like `onDayClick`, `onCaptionClick`, etc. now receive the
+  Syntethic Event as last argument. Thus you must change your event handlers as
+  follow:
+
+  ```diff
+  onDayClick={
+  - (e, day, modifiers) => {
+  + (day, modifiers, e)
+      e.preventDefault();
+      console.log(day);
+      console.log(modifiers);
+    }
+  }
+  ```
+
+* **Breaking change** Use
+  [`containerProps`](http://react-day-picker.js.org/docs/api-daypicker.html#containerprops)
+  to pass props to the container `div` element. Before, any prop was passed to
+  the container element degrading performance
+  ([#255](https://github.com/gpbl/react-day-picker/issues/255)):
+
+  ```diff
+  <DayPicker
+  -    data-thing="foo"
+  +    containerProps={ 'data-thing': 'foo' }
+  />
+  ```
+
+---
+
+# [v4.0.0](https://github.com/gpbl/react-day-picker/tree/v4.0.0) (2017-02-10)
+
+* Pass the day's modifiers to the `renderDay` prop function
+  ([#237](https://github.com/gpbl/react-day-picker/issues/237))
+
+* **Breaking change** Updating `initialMonth` will not show anymore a different
+  month after the first mount
+  ([#169](https://github.com/gpbl/react-day-picker/issues/169))
+
+  If you need the calendar to display a different month, use the
+  [`month`](http://react-day-picker.js.org/docs/api-daypicker.html#month) prop.
+
+* **Breaking change** Use `lang` HTML attribute instead of a specific CSS class
+  name.
+
+  This change may break your style or layout if you are styling the component
+  according to the current locale. If this is the case, change your CSS to use
+  the `lang` attribute selector. For examples, if you are styling the calendar
+  for the `de` locale:
+
+  ```diff
+  - .DayPicker--de {
+  + .DayPicker[lang="de"] {
+    background: yellow;
+  }
+  ```
+
+---
+
+### [v3.1.1](https://github.com/gpbl/react-day-picker/tree/v3.1.1) (2016-10-18)
+
+* Fixed [an issue](https://github.com/gpbl/react-day-picker/issues/227) with IE
+  and older Safari.
+
+## [v3.1.0](https://github.com/gpbl/react-day-picker/tree/v3.1.0) (2016-10-14)
+
+* New `months`, `weekdaysLong`, `weekdaysShort`, `firstDayOfWeek` props to
+  localize the component.
+
+**Easier localization**
+
+With these new props you can localize the Day Picker in a more declarative way.
+Check out [this example](http://react-day-picker.js.org/examples/?localized).
+
+---
+
+### [v3.0.1](https://github.com/gpbl/react-day-picker/tree/v3.0.1) (2016-10-14)
+
+* Fixed [a bug](https://github.com/gpbl/react-day-picker/issues/224) with
+  MomentLocaleUtils.
+
+# [v3.0.0](https://github.com/gpbl/react-day-picker/tree/v3.0.0) (2016-10-11)
+
+* Fixed [an issue](https://github.com/gpbl/react-day-picker/issues/207) with
+  weekdays labels ([#220](https://github.com/gpbl/react-day-picker/pull/220) by
+  [makenosound](https://github.com/makenosound)).
+* Removed `weekdayComponent` and `navbarComponent` props (deprecated from
+  [v2.3.0](#v230-2016-06-30))
+
+**Breaking changes**
+
+For any locale, weekday names must now begin from Sunday, and the first day of
+week should reflect this change (hence to start from Monday, the first day of
+week is `1`). See this
+[diff](https://github.com/gpbl/react-day-picker/commit/e1462b3818e0a56c24cbcdeb9dba52da8cd8ff72?diff=unified)
+as example.
+
+---
+
+## [v2.5.0](https://github.com/gpbl/react-day-picker/tree/v2.5.0) (2016-10-06)
+
+* Build dist files as UMD module
+  ([#216](https://github.com/gpbl/react-day-picker/pull/216) by
+  [pguimera](https://github.com/pguimera)).
+
+## [v2.4.0](https://github.com/gpbl/react-day-picker/tree/v2.4.0) (2016-07-31)
+
+* Added `pageNavigation` prop
+  ([#196](https://github.com/gpbl/react-day-picker/pull/196) by
+  [zaygraveyard](https://github.com/zaygraveyard)).
+* Improved behavior of `initialMonth`
+  ([#198](https://github.com/gpbl/react-day-picker/pull/198) by
+  [zaygraveyard](https://github.com/zaygraveyard)).
+
 ### [v2.3.3](https://github.com/gpbl/react-day-picker/tree/v2.3.3) (2016-07-04)
 
-Fixed props warnings in React 15.2.0 ([#191](https://github.com/gpbl/react-day-picker/pull/191)).
+Fixed props warnings in React 15.2.0
+([#191](https://github.com/gpbl/react-day-picker/pull/191)).
 
@@ -18,8 +629,13 @@ ### [v2.3.2](https://github.com/gpbl/react-day-picker/tree/v2.3.2) (2016-07-01)
 
-* Added `navbarElement` and `weekdayElement` prop ([#179](https://github.com/gpbl/react-day-picker/pull/179) by [boatkorachal](https://github.com/boatkorachal)).
-* Added `onDayFocus` prop ([#185](https://github.com/gpbl/react-day-picker/pull/185) by [johannesd](https://github.com/johannesd)).
+* Added `navbarElement` and `weekdayElement` prop
+  ([#179](https://github.com/gpbl/react-day-picker/pull/179) by
+  [boatkorachal](https://github.com/boatkorachal)).
+* Added `onDayFocus` prop
+  ([#185](https://github.com/gpbl/react-day-picker/pull/185) by
+  [johannesd](https://github.com/johannesd)).
 
 **Deprecation notice**
 
-`navbarComponent` and `weekdayComponent` props are deprecated. Please use `navbarElement` and `weekdayElement`:
+`navbarComponent` and `weekdayComponent` props are deprecated. Please use
+`navbarElement` and `weekdayElement`:
 
@@ -31,24 +647,28 @@ ```diff
 
----
-
 ## [v2.2.0](https://github.com/gpbl/react-day-picker/tree/v2.2.0) (2016-06-09)
 
-Added `fixedWeeks` prop ([#176](https://github.com/gpbl/react-day-picker/pull/176) by [fcsonline](https://github.com/fcsonline)).
- Use this prop to always display 6 weeks per month: [example](http://www.gpbl.org/react-day-picker/examples/?fixedWeeks).
+Added `fixedWeeks` prop
+([#176](https://github.com/gpbl/react-day-picker/pull/176) by
+[fcsonline](https://github.com/fcsonline)). Use this prop to always display 6
+weeks per month: [example](http://react-day-picker.js.org/examples/?fixedWeeks).
 
----
-
 ### [v2.1.1](https://github.com/gpbl/react-day-picker/tree/v2.1.1) (2016-06-06)
 
-Fixed compatibility with IE11 ([#175](https://github.com/gpbl/react-day-picker/pull/175) by [davidspiess](https://github.com/davidspiess)).
+Fixed compatibility with IE11
+([#175](https://github.com/gpbl/react-day-picker/pull/175) by
+[davidspiess](https://github.com/davidspiess)).
 
 ## [v2.1.0](https://github.com/gpbl/react-day-picker/tree/v2.1.0) (2016-06-02)
 
-* Added [`weekdayComponent`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#weekdaycomponent-component) prop ([#172](https://github.com/gpbl/react-day-picker/pull/172) by [stanislav-ermakov-roi](https://github.com/stanislav-ermakov-roi)).
- Use this prop to use a custom component for rendering the weekday cells in the header.
-* Added [`navbarComponent`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#navbarcomponent-component) prop ([#173](https://github.com/gpbl/react-day-picker/pull/173) by [stanislav-ermakov-roi](https://github.com/stanislav-ermakov-roi)).
- Use this prop to use a custom component for rendering the navigation bar.
+* Added
+  [`weekdayComponent`](http://react-day-picker.js.org/docs/api-daypicker.html#weekdaycomponent-component)
+  prop ([#172](https://github.com/gpbl/react-day-picker/pull/172) by
+  [stanislav-ermakov-roi](https://github.com/stanislav-ermakov-roi)). Use this
+  prop to use a custom component for rendering the weekday cells in the header.
+* Added
+  [`navbarComponent`](http://react-day-picker.js.org/docs/api-daypicker.html#navbarcomponent-component)
+  prop ([#173](https://github.com/gpbl/react-day-picker/pull/173) by
+  [stanislav-ermakov-roi](https://github.com/stanislav-ermakov-roi)). Use this
+  prop to use a custom component for rendering the navigation bar.
 
----
-
 ### [v2.0.3](https://github.com/gpbl/react-day-picker/tree/v2.0.3) (2016-05-24)
@@ -60,3 +680,4 @@
 
-Fixed a bug when `canChangeMonth` is set to `true` ([\#168](https://github.com/gpbl/react-day-picker/pull/168)).
+Fixed a bug when `canChangeMonth` is set to `true`
+([\#168](https://github.com/gpbl/react-day-picker/pull/168)).
 
@@ -69,67 +690,94 @@ ### [v2.0.1](https://github.com/gpbl/react-day-picker/tree/v2.0.1) (2016-05-15)
 
-This release mainly improves the component’s API (thus some breaking changes) and add some new props.
+This release mainly improves the component’s API (thus some breaking changes)
+and add some new props.
 
-Code has been split in multiple components and tests have been rewritten with [enzyme](https://github.com/airbnb/enzyme). It should be easier to add and test the upcoming new features!
+Code has been split in multiple components and tests have been rewritten with
+[enzyme](https://github.com/airbnb/enzyme). It should be easier to add and test
+the upcoming new features!
 
-Thanks everyone for the support and for the help on making this component better 🤗
-If you have issues or suggestions, don't forget the [Gitter room](https://gitter.im/gpbl/react-day-picker)!
+Thanks everyone for the support and for the help on making this component better
+🤗 If you have issues or suggestions, don't forget the
+[Gitter room](https://gitter.im/gpbl/react-day-picker)!
 
 **Breaking changes**
 
-* The `onDay*` event handlers receive as third argument an object of modifiers instead of an array.
+* The `onDay*` event handlers receive as third argument an object of modifiers
+  instead of an array.
 
- This mean that if you where writing:
+This mean that if you where writing:
 
- ```js
- onDayClick(e, day, modifiers) {
-   if (modifiers.indexOf('selected') > -1) {
-     console.log('This day is selected')
-   }
- }
- ```
+```js
+onDayClick(e, day, modifiers) {
+  if (modifiers.indexOf('selected') > -1) {
+    console.log('This day is selected')
+  }
+}
+```
 
- you must now write:
+you must now write:
 
- ```js
- onDayClick(e, day, modifiers) {
-   if (modifiers.selected === true) {
-     console.log('This day is selected')
-   }
- }
- ```
+```js
+onDayClick(e, day, modifiers) {
+  if (modifiers.selected === true) {
+    console.log('This day is selected')
+  }
+}
+```
 
- or better:
+or better:
 
- ```js
- onDayClick(e, day, { selected }) {
-   if (selected) {
-     console.log('This day is selected')
-   }
- }
- ```
+```js
+onDayClick(e, day, { selected }) {
+  if (selected) {
+    console.log('This day is selected')
+  }
+}
+```
 
-* Removed `onDayTouchTap`. Use `onDayClick` instead. If you need more granularity over touch events, you can use the new `onDayTouchStart` and `onDayTouchEnd` props. See [#153](https://github.com/gpbl/react-day-picker/issues/153) for more details.
+* Removed `onDayTouchTap`. Use `onDayClick` instead. If you need more
+  granularity over touch events, you can use the new `onDayTouchStart` and
+  `onDayTouchEnd` props. See
+  [#153](https://github.com/gpbl/react-day-picker/issues/153) for more details.
 
-* Fixed import with CommonJS modules ([#136](https://github.com/gpbl/react-day-picker/issues/136)).
+* Fixed import with CommonJS modules
+  ([#136](https://github.com/gpbl/react-day-picker/issues/136)).
 
- This affects code using `require('react-day-picker').default` or similar syntax, which was required for v1.3.0. Now you can `require('react-day-picker')` as usual, i.e. without specifying `default`. If you are using ES2015 modules `import DayPicker from 'react-day-picker'`, this change shouldn't affect you.
+This affects code using `require('react-day-picker').default` or similar syntax,
+which was required for v1.3.0. Now you can `require('react-day-picker')` as
+usual, i.e. without specifying `default`. If you are using ES2015 modules
+`import DayPicker from 'react-day-picker'`, this change shouldn't affect you.
 
-* New `formatDay` function in [LocaleUtils](http://www.gpbl.org/react-day-picker/docs/LocaleUtils.html).
+* New `formatDay` function in
+  [LocaleUtils](http://react-day-picker.js.org/docs/utils-locale.html).
 
- If you are using your [custom LocaleUtils](http://www.gpbl.org/react-day-picker/docs/LocalizationCustom.html) to localize the calendar, you need to implement this function as well, which is required to format the newly added [aria-label attribute](https://github.com/gpbl/react-day-picker/pull/132) (see the [documentation](http://www.gpbl.org/react-day-picker/docs/LocalizationCustom.html) for an example). If you are localizing [using moment](http://www.gpbl.org/react-day-picker/docs/LocalizationMoment.html), this change shouldn't affect you.
+If you are using your
+[custom LocaleUtils](http://react-day-picker.js.org/docs/localization.html#advanced)
+to localize the calendar, you need to implement this function as well, which is
+required to format the newly added
+[aria-label attribute](https://github.com/gpbl/react-day-picker/pull/132) (see
+the
+[documentation](http://react-day-picker.js.org/docs/localization.html#advanced)
+for an example). If you are localizing
+[using moment](http://react-day-picker.js.org/docs/localization.html#moment),
+this change shouldn't affect you.
 
-
 **New props**
 
-* New [`disabledDays`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#disabledays-prop) and [`selectedDays`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#disabledays-prop) props. They receive a function `(day) => Bool` as value to easily define which day should have the `selected` or `disabled` modifiers. See [#34](https://github.com/gpbl/react-day-picker/issues/34) for more details.
+* New
+  [`disabledDays`](http://react-day-picker.js.org/docs/api-daypicker.html#disabledays-prop)
+  and
+  [`selectedDays`](http://react-day-picker.js.org/docs/api-daypicker.html#disabledays-prop)
+  props. They receive a function `(day) => Bool` as value to easily define which
+  day should have the `selected` or `disabled` modifiers. See
+  [#34](https://github.com/gpbl/react-day-picker/issues/34) for more details.
 
   So if you were writing something like:
 
-  ```js
+  ```jsx
   <DayPicker
     modifiers={
-      { selected: day => isDaySelected(day) },
-      { disabled: day => isDayDisabled(day) }
+      ({ selected: day => isDaySelected(day) },
+      { disabled: day => isDayDisabled(day) })
     }
-  />
+  />;
   ```
@@ -139,16 +787,28 @@
 
-  ```js
+  ```jsx
   <DayPicker
-    selectedDays={ day => isDaySelected(day) }
-    disabledDays={ day => isDayDisabled(day) }
-  />
+    selectedDays={day => isDaySelected(day)}
+    disabledDays={day => isDayDisabled(day)}
+  />;
   ```
 
-* Added [`reverseMonths`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#reversemonths-prop) prop to render the most recent month first. ([#147](https://github.com/gpbl/react-day-picker/pull/141) by [sonrtomas](sonrtomas))
-* Added [`onDayKeyDown`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#ondaykeydown-prop), [`onDayTouchStart`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#ondaytouchstart-prop), [`onDayTouchEnd`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#ondaytouchend-prop) props.
+* Added
+  [`reverseMonths`](http://react-day-picker.js.org/docs/api-daypicker.html#reversemonths-prop)
+  prop to render the most recent month first.
+  ([#147](https://github.com/gpbl/react-day-picker/pull/141) by
+  [sonrtomas](sonrtomas))
+* Added
+  [`onDayKeyDown`](http://react-day-picker.js.org/docs/api-daypicker.html#ondaykeydown-prop),
+  [`onDayTouchStart`](http://react-day-picker.js.org/docs/api-daypicker.html#ondaytouchstart-prop),
+  [`onDayTouchEnd`](http://react-day-picker.js.org/docs/api-daypicker.html#ondaytouchend-prop)
+  props.
 
 **Improvements**
 
-* Navigate between weeks or years using left/right or up/down arrow keys ([#132](https://github.com/gpbl/react-day-picker/pull/132) by [limscoder](https://github.com/limscoder))
-* Added various `aria-*` attributes ([#132](https://github.com/gpbl/react-day-picker/pull/132) by [limscoder](https://github.com/limscoder))
+* Navigate between weeks or years using left/right or up/down arrow keys
+  ([#132](https://github.com/gpbl/react-day-picker/pull/132) by
+  [limscoder](https://github.com/limscoder))
+* Added various `aria-*` attributes
+  ([#132](https://github.com/gpbl/react-day-picker/pull/132) by
+  [limscoder](https://github.com/limscoder))
 
@@ -160,2 +820,3 @@ **Bug fixes**
 ---
+
 ### [v1.3.2](https://github.com/gpbl/react-day-picker/tree/v1.3.12) (2016-04-10)
@@ -167,3 +828,4 @@
 
-Fixes an issue causing className being overwritten by `className` prop ([\#137](https://github.com/gpbl/react-day-picker/issues/137)).
+Fixes an issue causing className being overwritten by `className` prop
+([\#137](https://github.com/gpbl/react-day-picker/issues/137)).
 
@@ -174,9 +836,11 @@ ## [v1.3.0](https://github.com/gpbl/react-day-picker/tree/v1.3.0) (2016-02-18)
 
-* Support for Babel 6 ([#90](https://github.com/gpbl/react-day-picker/issues/90))
-    * See this [known issue](https://github.com/gpbl/react-day-picker/issues/136)
-* HTML props are spread to container tag, so to support `onBlur`, `onFocus`, etc. ([#122](https://github.com/gpbl/react-day-picker/issues/122), [#123](https://github.com/gpbl/react-day-picker/issues/123))
-* Better RTL support for month navigation ([#125](https://github.com/gpbl/react-day-picker/issues/125))
+* Support for Babel 6
+  ([#90](https://github.com/gpbl/react-day-picker/issues/90))
+  * See this [known issue](https://github.com/gpbl/react-day-picker/issues/136)
+* HTML props are spread to container tag, so to support `onBlur`, `onFocus`,
+  etc. ([#122](https://github.com/gpbl/react-day-picker/issues/122),
+  [#123](https://github.com/gpbl/react-day-picker/issues/123))
+* Better RTL support for month navigation
+  ([#125](https://github.com/gpbl/react-day-picker/issues/125))
 
----
-
 ## [v1.2.0](https://github.com/gpbl/react-day-picker/tree/v1.2.0) (2015-12-04)
@@ -186,21 +850,35 @@
 
-* Use a custom caption element with the new [`captionElement`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#captionelement-element) prop. A custom caption element is useful, for example, to create a year/month navigation as shown in [this example](http://www.gpbl.org/react-day-picker/examples?yearNavigation). Read [#52](https://github.com/gpbl/react-day-picker/issues/52) for a discussion about this feature.
+* Use a custom caption element with the new
+  [`captionElement`](http://react-day-picker.js.org/docs/api-daypicker.html#captionelement-element)
+  prop. A custom caption element is useful, for example, to create a year/month
+  navigation as shown in
+  [this example](http://react-day-picker.js.org/examples/advanced-year-navigation.html).
+  Read [#52](https://github.com/gpbl/react-day-picker/issues/52) for a
+  discussion about this feature.
 
 **Improvements**
 
-* Improved navigation when clicking on outside days ([#112](https://github.com/gpbl/react-day-picker/issues/112), see also [this example](http://www.gpbl.org/react-day-picker/examples?restricted))
-* New `addMonths` function in [DateUtils](http://www.gpbl.org/react-day-picker/docs/DateUtils.html)
-* Added a style definition to package.json ([#105](https://github.com/gpbl/react-day-picker/issues/105), thanks @webbushka)
+* Improved navigation when clicking on outside days
+  ([#112](https://github.com/gpbl/react-day-picker/issues/112), see also
+  [this example](http://react-day-picker.js.org/examples/months-restrict-navigation.html))
+* New `addMonths` function in
+  [DateUtils](http://react-day-picker.js.org/DateUtils.html)
+* Added a style definition to package.json
+  ([#105](https://github.com/gpbl/react-day-picker/issues/105), thanks
+  @webbushka)
 
 **Fixed bugs**
 
-* Make the component working again with React ~0.13 ([#108](https://github.com/gpbl/react-day-picker/issues/108))
-* Fix a bug when clicking on outside days when `fromMonth` or `toMonth` were set ([#97](https://github.com/gpbl/react-day-picker/issues/97))
-* Replace a wrong `attr` tag with the right `abbr` in the weekdays row – https://github.com/gpbl/react-day-picker/issues/33#issuecomment-159751186. ⚠️ Please note that the component may now use the CSS defined for `abbr` tags.
+* Make the component working again with React ~0.13
+  ([#108](https://github.com/gpbl/react-day-picker/issues/108))
+* Fixed: a bug when clicking on outside days when `fromMonth` or `toMonth` were
+  set ([#97](https://github.com/gpbl/react-day-picker/issues/97))
+* Replace a wrong `attr` tag with the right `abbr` in the weekdays row –
+  https://github.com/gpbl/react-day-picker/issues/33#issuecomment-159751186. ⚠️
+  Please note that the component may now use the CSS defined for `abbr` tags.
 
----
-
 ### [v1.1.5](https://github.com/gpbl/react-day-picker/tree/v1.1.5) (2015-11-20)
 
-Fix an issue with `showMonth()` ([#95](https://github.com/gpbl/react-day-picker/issues/95)) – thanks @JKillian
+Fix an issue with `showMonth()`
+([#95](https://github.com/gpbl/react-day-picker/issues/95)) – thanks @JKillian
 
@@ -220,3 +898,7 @@ ### [v1.1.4](https://github.com/gpbl/react-day-picker/tree/1.1.4) (2015-11-19)
 
-**Fix regression** The last version [was missing an element](https://github.com/gpbl/react-day-picker/commit/0164a38f651771c00d3b4949898937d2013c7ddd) and this change may have broken existing styles. This fix restore the original behavior adding the element again. (see [#82](https://github.com/gpbl/react-day-picker/issues/82)).
+**Fix regression** The last version
+[was missing an element](https://github.com/gpbl/react-day-picker/commit/0164a38f651771c00d3b4949898937d2013c7ddd)
+and this change may have broken existing styles. This fix restore the original
+behavior adding the element again. (see
+[#82](https://github.com/gpbl/react-day-picker/issues/82)).
 
@@ -227,27 +909,41 @@ ## [v1.1.0](https://github.com/gpbl/react-day-picker/tree/v1.1.0) (2015-11-06)
 
-* New `fromMonth` and `toMonth` props. Use the [`fromMonth`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#frommonth-date) and [`toMonth`](http://www.gpbl.org/react-day-picker/docs/APIProps.html#tomonth-date) props to restrict the months within which the calendar can work. See [this example](http://www.gpbl.org/react-day-picker/examples?restricted).
+* New `fromMonth` and `toMonth` props. Use the
+  [`fromMonth`](http://react-day-picker.js.org/docs/api-daypicker.html#frommonth-date)
+  and
+  [`toMonth`](http://react-day-picker.js.org/docs/api-daypicker.html#tomonth-date)
+  props to restrict the months within which the calendar can work. See
+  [this example](http://react-day-picker.js.org/examples/months-restrict-navigation.html).
 * `dateUtils` includes some useful function to set custom modifiers
-* `localeUtils ` are the default functions used to localize the day picker in english. See https://github.com/gpbl/react-day-picker/issues/46#issuecomment-153498039 for a sample usage of this library.
+* `localeUtils` are the default functions used to localize the Day Picker in
+  english. See
+  https://github.com/gpbl/react-day-picker/issues/46#issuecomment-153498039 for
+  a sample usage of this library.
 
----
-
 ### [v1.0.10](https://github.com/gpbl/react-day-picker/tree/v1.0.10) (2015-10-15)
 
-Let the event from next/previous month click to propagate. [\#74](https://github.com/gpbl/react-day-picker/pull/74) ([kblcuk](https://github.com/kblcuk))
+Let the event from next/previous month click to propagate.
+[\#74](https://github.com/gpbl/react-day-picker/pull/74)
+([kblcuk](https://github.com/kblcuk))
 
 ### [v1.0.9](https://github.com/gpbl/react-day-picker/tree/v1.0.9) (2015-10-12)
 
-Fixed an issue with Daylight Saving Time for some timezones \(\#71\) [\#72](https://github.com/gpbl/react-day-picker/pull/72) ([gpbl](https://github.com/gpbl))
+Fixed an issue with Daylight Saving Time for some timezones \(\#71\)
+[\#72](https://github.com/gpbl/react-day-picker/pull/72)
+([gpbl](https://github.com/gpbl))
 
 ### [v1.0.7](https://github.com/gpbl/react-day-picker/tree/v1.0.7) (2015-10-08)
 
-Add support of react-v0.14-rc1 [\#61](https://github.com/gpbl/react-day-picker/issues/61)
+Add support of react-v0.14-rc1
+[\#61](https://github.com/gpbl/react-day-picker/issues/61)
 
 ### [v1.0.6](https://github.com/gpbl/react-day-picker/tree/v1.0.6) (2015-10-08)
 
-Fixes a bug causing onCaptionClick to receive always the first month when displaying multiple months [\#63](https://github.com/gpbl/react-day-picker/issues/63)
+Fixes a bug causing onCaptionClick to receive always the first month when
+displaying multiple months
+[\#63](https://github.com/gpbl/react-day-picker/issues/63)
 
 ### [v1.0.5](https://github.com/gpbl/react-day-picker/tree/v1.0.5) (2015-09-01)
 
-Fixes a bug when passing a new `initialMonth` prop to the component that may cause an issue when navigating between months [#57]
+Fixes a bug when passing a new `initialMonth` prop to the component that may
+cause an issue when navigating between months [#57]
 
@@ -258,11 +954,15 @@ ### [v1.0.4](https://github.com/gpbl/react-day-picker/tree/v1.0.4) (2015-07-29)
 
-* Improve the navigation between months when `numberOfMonths` is greater than 1 ([#37](https://github.com/gpbl/react-day-picker/issues/37))
+* Improve the navigation between months when `numberOfMonths` is greater than 1
+  ([#37](https://github.com/gpbl/react-day-picker/issues/37))
 
 **Bug fix**
 
-* Months may jump forward when clicking on days when `numberOfMonths` is greater than 1 ([#38](https://github.com/gpbl/react-day-picker/issues/38))
+* Months may jump forward when clicking on days when `numberOfMonths` is greater
+  than 1 ([#38](https://github.com/gpbl/react-day-picker/issues/38))
 
 ### [v1.0.3](https://github.com/gpbl/react-day-picker/tree/v1.0.3) (2015-07-25)
 
-- New feature: onCaptionClick [\#31](https://github.com/gpbl/react-day-picker/pull/31) ([adambbecker](https://github.com/adambbecker))
+* New feature: onCaptionClick
+  [\#31](https://github.com/gpbl/react-day-picker/pull/31)
+  ([adambbecker](https://github.com/adambbecker))
 
@@ -273,14 +973,24 @@ ### [v1.0.2](https://github.com/gpbl/react-day-picker/tree/v1.0.2) (2015-07-23)
 
-- EnableOutsideDays keeps focus on wrong cell [\#29](https://github.com/gpbl/react-day-picker/issues/29)
-- October broken on Firefox Nightly [\#18](https://github.com/gpbl/react-day-picker/issues/18)
+* EnableOutsideDays keeps focus on wrong cell
+  [\#29](https://github.com/gpbl/react-day-picker/issues/29)
+* October broken on Firefox Nightly
+  [\#18](https://github.com/gpbl/react-day-picker/issues/18)
 
 ## [v1.0.1](https://github.com/gpbl/react-day-picker/tree/v1.0.1) (2015-06-24)
 
-First major release. Please see [the updated website](http://www.gpbl.org/react-day-picker) for more info.
+First major release. Please see
+[the updated website](http://react-day-picker.js.org) for more info.
 
-* [#27] Removed the dependency from moment.js. Events and props work **only** with native `Date` object. To localize the day picker with moment.js (or another library), follow [this page](http://www.gpbl.org/react-day-picker/#tips)
-* Class names have been updated (objects are now CamelCase). As example, please see [the updated CSS file](https://github.com/gpbl/react-day-picker/blob/master/site/src/style/DayPicker.scss).
-*  [#27] All rendered tags are now `div` or `span`. Use CSS to style the daypicker as table.
+* [#27] Removed the dependency from moment.js. Events and props work **only**
+  with native `Date` object. To localize the Day Picker with moment.js (or
+  another library), follow [this page](http://react-day-picker.js.org/#tips)
+* Class names have been updated (objects are now CamelCase). As example, please
+  see
+  [the updated CSS file](https://github.com/gpbl/react-day-picker/blob/master/site/src/style/DayPicker.scss).
+* [#27] All rendered tags are now `div` or `span`. Use CSS to style the
+  daypicker as table.
 * A `today` modifier is added automatically
-* Event handlers receive the event as first argument. For example: `onDayClick(e, day, modifiers)` instead of `onDayClick(day, modifiers, e)`
-* `onNextMonthClick` and `onNextMonthClick` props have been removed. Use `onMonthChange` instead.
+* Event handlers receive the event as first argument. For example:
+  `onDayClick(e, day, modifiers)` instead of `onDayClick(day, modifiers, e)`
+* `onNextMonthClick` and `onNextMonthClick` props have been removed. Use
+  `onMonthChange` instead.

DayPicker.js

@@ -0,16 +1,22 @@
+/*
+  Used as main file in package.json
+*/
+
 /* eslint-disable no-var */
 /* eslint-env node */
 
-var DayPicker = require('./lib/DayPicker');
-var DateUtils = require('./lib/DateUtils');
-var LocaleUtils = require('./lib/LocaleUtils');
-var Weekday = require('./lib/Weekday');
-var Navbar = require('./lib/Navbar');
-var PropTypes = require('./lib/PropTypes');
+var DayPicker = require('./lib/src/DayPicker');
+var DateUtils = require('./lib/src/DateUtils');
+var LocaleUtils = require('./lib/src/LocaleUtils');
+var ModifiersUtils = require('./lib/src/ModifiersUtils');
+var Weekday = require('./lib/src/Weekday');
+var Navbar = require('./lib/src/Navbar');
+var PropTypes = require('./lib/src/PropTypes');
 
-module.exports = DayPicker.default || DayPicker;
-module.exports.DateUtils = DateUtils.default || DateUtils;
-module.exports.LocaleUtils = LocaleUtils.default || LocaleUtils;
-module.exports.WeekdayPropTypes = Weekday.WeekdayPropTypes;
-module.exports.NavbarPropTypes = Navbar.NavbarPropTypes;
+module.exports = DayPicker;
+module.exports.DateUtils = DateUtils;
+module.exports.LocaleUtils = LocaleUtils;
+module.exports.ModifiersUtils = ModifiersUtils;
+module.exports.WeekdayPropTypes = Weekday.propTypes;
+module.exports.NavbarPropTypes = Navbar.propTypes;
 module.exports.PropTypes = PropTypes;

moment.js

 /* eslint-env node */
 
-"use strict";
-
-module.exports = require("./lib/addons/MomentLocaleUtils");
-module.exports.localeUtils = require("./lib/addons/MomentLocaleUtils");
+module.exports = require('./lib/src/addons/MomentLocaleUtils');
+module.exports.localeUtils = require('./lib/src/addons/MomentLocaleUtils');

package.json

 {
   "name": "react-day-picker-themeable",
-  "version": "2.5.2",
+  "version": "7.0.5",
   "description": "Flexible date picker component for React",
   "main": "DayPicker.js",
   "style": "lib/style.css",
+  "types": "./types/index.d.ts",
+  "files": [
+    "DayPicker.js",
+    "DayPickerInput.js",
+    "lib",
+    "moment.js",
+    "utils.js",
+    "types"
+  ],
   "directories": {
@@ -11,19 +20,13 @@ "doc": "docs"
   "scripts": {
-    "clean": "rimraf lib coverage dist",
+    "clean": "rimraf coverage lib",
     "lint": "eslint src test",
-    "test": "mocha --compilers js:babel-core/register --require ./test/setup.js --recursive --reporter spec",
-    "test:watch": "npm test -- --watch",
-    "test:files": "mocha --compilers js:babel-core/register --require ./test/setup.js --reporter spec --bail --watch",
-    "cover": "babel-node ./node_modules/istanbul/lib/cli cover -- _mocha --recursive --reporter spec",
-    "check": "npm run lint && npm run test",
-    "prerelease": "npm run check && npm run dist && npm run build",
-    "dist": "webpack -p",
-    "build": "babel ./src -d ./lib --source-maps && postcss --use autoprefixer src/style.css -d lib/",
-    "examples:clean": "rimraf examples/built",
-    "examples:build": "npm run examples:clean && cd examples && npm run build && cd ..",
-    "docs:clean": "rimraf _book",
-    "docs:prepare": "gitbook install",
-    "docs:build": "npm run docs:prepare && gitbook build",
-    "docs:serve": "gitbook serve",
-    "docs:publish": "npm run docs:clean && npm run docs:build && npm run examples:build && rimraf _book/examples && mv examples/built _book/examples && cd _book && git init && git commit --allow-empty -m 'Update docs and examples' && git checkout -b gh-pages && touch .nojekyll && git add . && git commit -am 'Update docs and examples' && git push [e-mail]:gpbl/react-day-picker gh-pages --force"
+    "dtslint": "dtslint types",
+    "test": "jest",
+    "check": "npm run lint && npm run dtslint && npm run test",
+    "prerelease": "npm run check && npm run build",
+    "build": "rimraf lib && npm run build:node && npm run build:production && npm run build:development",
+    "build:node": "babel ./src -d ./lib/src --source-maps && npm run build:css",
+    "build:development": "NODE_ENV=development webpack",
+    "build:production": "NODE_ENV=production webpack -p",
+    "build:css": "postcss src/style.css --use autoprefixer -d lib/ --no-map"
   },
@@ -53,42 +56,53 @@ "repository": {
   "peerDependencies": {
-    "react": "~0.13.x || ~0.14.x || ^15.0.0"
+    "react": "~0.13.x || ~0.14.x || ^15.0.0 || ^16.0.0"
   },
   "devDependencies": {
-    "autoprefixer": "6.3.7",
-    "babel-cli": "6.11.4",
-    "babel-core": "6.11.4",
-    "babel-eslint": "6.1.2",
-    "babel-loader": "6.2.4",
-    "babel-preset-es2015": "6.9.0",
-    "babel-preset-react": "6.11.1",
-    "babel-preset-stage-0": "6.5.0",
-    "chai": "3.5.0",
-    "chai-enzyme": "0.5.0",
-    "cheerio": "0.20.0",
-    "coveralls": "2.11.12",
-    "enzyme": "2.4.1",
-    "eslint": "2.13.1",
-    "eslint-config-airbnb": "9.0.1",
-    "eslint-plugin-import": "1.12.0",
-    "eslint-plugin-jsx-a11y": "1.5.3",
-    "eslint-plugin-react": "5.2.2",
-    "gitbook-cli": "2.3.0",
-    "istanbul": "1.1.0-alpha.1",
-    "jsdom": "9.0.0",
-    "mocha": "2.5.3",
-    "moment": "2.14.1",
-    "postcss-cli": "2.5.2",
-    "react": "15.3.0",
-    "react-addons-test-utils": "15.3.0",
-    "react-dom": "15.3.0",
-    "react-hot-loader": "1.3.0",
-    "rimraf": "2.5.4",
-    "sinon": "1.17.5",
-    "sinon-chai": "2.8.0",
-    "webpack": "1.13.1"
+    "autoprefixer": "7.1.6",
+    "babel-cli": "6.26.0",
+    "babel-core": "6.26.0",
+    "babel-eslint": "8.0.3",
+    "babel-loader": "7.1.2",
+    "babel-plugin-transform-class-properties": "6.24.1",
+    "babel-plugin-transform-export-extensions": "6.22.0",
+    "babel-plugin-transform-object-rest-spread": "6.26.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.10",
+    "babel-preset-env": "1.6.1",
+    "babel-preset-react": "6.24.1",
+    "babel-preset-stage-1": "6.24.1",
+    "cheerio": "1.0.0-rc.2",
+    "codecov": "3.0.0",
+    "dtslint": "0.1.2",
+    "enzyme": "3.2.0",
+    "enzyme-adapter-react-16": "1.1.0",
+    "eslint": "4.11.0",
+    "eslint-config-airbnb": "16.1.0",
+    "eslint-config-airbnb-base": "12.1.0",
+    "eslint-config-prettier": "2.8.0",
+    "eslint-plugin-import": "2.8.0",
+    "eslint-plugin-jsx-a11y": "6.0.2",
+    "eslint-plugin-prettier": "2.3.1",
+    "eslint-plugin-react": "7.5.1",
+    "gh-pages": "1.1.0",
+    "husky": "0.14.3",
+    "jest": "21.2.1",
+    "jest-enzyme": "4.0.1",
+    "jest-junit-reporter": "1.1.0",
+    "moment": "2.19.3",
+    "null-loader": "0.1.1",
+    "postcss-cli": "4.1.1",
+    "prettier": "1.8.2",
+    "raf": "3.4.0",
+    "react": "16.1.1",
+    "react-dom": "16.1.1",
+    "react-test-renderer": "16.1.1",
+    "rimraf": "2.6.2",
+    "typescript": "2.5.3",
+    "webpack": "3.8.1"
   },
   "dependencies": {
-    "react-base16-styling": "^0.4.7",
+    "object-assign": "^4.1.1",
+    "prop-types": "^15.6.0",
+    "react-base16-styling": "^0.6.0",
     "react-is-deprecated": "0.1.2"
   }
 }

README.md

@@ -0,106 +1,40 @@
+<table><tr><th align="center" width="1000">Themeable version of <a href="https://github.com/gpbl/react-day-picker">react-day-picker</a></th></tr></table>
+
 <p align="center">
-<img width="359"  style="margin: 0 auto" alt="title" src="https://cloud.githubusercontent.com/assets/120693/17276843/94ad5b62-5734-11e6-9f25-454f50f81122.png">
+<a href="http://react-day-picker.js.org"><img width="80" style="margin: 0 auto" alt="title" src="https://user-images.githubusercontent.com/120693/33364057-0d4a962a-d4e3-11e7-8506-0f9aede2b345.png"></a>
 </p>
+<h1 align="center">react-day-picker</h1>
 <p align="center">
-<img width="297" style="margin: 0 auto"  alt="screen shot" src="https://cloud.githubusercontent.com/assets/120693/12312069/74c136d6-ba5c-11e5-8eae-680ecd200f95.png">
+  Flexible date picker component for <a href="https://facebook.github.io/react/">React</a>.
+  <br />
+  Highly customizable, localizable, with ARIA support, no external dependencies, 9KB gzipped
 </p>
+<p align="center">
+  <a href="http://react-day-picker.js.org"><img width="266" alt="screen shot 2017-11-29 at 08 53 17" src="https://user-images.githubusercontent.com/120693/33363979-cb60fb5a-d4e2-11e7-8d21-f4779b8b9105.png">
+</a>
+</p>
+<p align="center">
+  <a href="http://react-day-picker.js.org">Documentation</a> | <a href="http://react-day-picker.js.org/examples/basic">Examples</a> | <a href="http://react-day-picker.js.org/api/DayPicker">API</a> | <a href="http://react-day-picker.js.org/changelog">Changelog</a>
+</p>
+<p align="center">
+  <a href="https://www.npmjs.com/package/react-day-picker-themeable">
+    <img src="https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square" alt="npm version">
+  </a>
+  <a href="http://npm-stat.com/charts.html?package=react-day-picker-themeable">
+    <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads">
+  </a>
+  <a href="https://circleci.com/gh/gpbl/react-day-picker">
+    <img src="https://img.shields.io/circleci/project/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="circleci">
+  </a>
+  <a href="https://codecov.io/gh/gpbl/react-day-picker">
+    <img src="https://img.shields.io/codecov/c/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="npm downloads">
+  </a>
+</p>
 
-Themeable version of [react-day-picker](https://github.com/gpbl/react-day-picker)
+## Get support
 
-react-day-picker is a flexible date picker component for [React](https://facebook.github.io/react/).
+Please fork and use [https://codesandbox.io/s/XDAE3x0W8](https://codesandbox.io/s/XDAE3x0W8) to reproduce your problem.
 
-* no external dependencies
-* select [days](http://www.gpbl.org/react-day-picker/examples?selectable), [ranges](http://www.gpbl.org/react-day-picker/examples?range), whatever using CSS modifiers
-* ready for i18n, with [moment.js](http://www.gpbl.org/react-day-picker/examples?localized) or [any other library](http://www.gpbl.org/react-day-picker/examples?localizedCustom)
-* customizable [style](https://github.com/gpbl/react-day-picker/blob/master/src/style.css)
-* navigable via keyboard, ARIA support
-
-Check out the [examples](http://gpbl.org/react-day-picker/examples) to see its features.
-
-[![npm version](https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square)](https://www.npmjs.com/package/react-day-picker)
-[![Bower](https://img.shields.io/bower/v/react-day-picker.svg?style=flat-square)](http://bower.io/search/?q=react-day-picker)
-[![build status](https://img.shields.io/travis/gpbl/react-day-picker/master.svg?style=flat-square)](https://travis-ci.org/gpbl/react-day-picker)
-[![coveralls](https://img.shields.io/coveralls/gpbl/react-day-picker.svg?style=flat-square)](https://coveralls.io/r/gpbl/react-day-picker?branch=master)
-[![Code Climate](https://img.shields.io/codeclimate/github/kabisaict/flow.svg?style=flat-square)](https://codeclimate.com/github/gpbl/react-day-picker)
-[![npm downloads](https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square)](http://npm-stat.com/charts.html?package=react-day-picker)
-
-
-
-## Quick start
-
-**Install via npm**
-
-```
-npm install react-day-picker --save
-```
-
-**Install via Bower**
-
-```
-bower install react-day-picker --save
-```
-
-The bower package exposes a global `DayPicker` variable.
-
-### Example
-
-```js
-import React from 'react';
-import DayPicker, { DateUtils } from "react-day-picker";
-
-function sunday(day) {
-  return day.getDay() === 0;
-}
-
-class MyComponent extends React.Component {
-  state = {
-    selectedDay: new Date(),
-  }
-  handleDayClick(e, day, { selected, disabled }) {
-    if (disabled) {
-      return;
-    }
-    if (selected) {
-      this.setState({ selectedDay: null })
-    } else {
-      this.setState({ selectedDay: day });
-    }
-  },
-  render() {
-    return (
-      <DayPicker
-        initialMonth={ new Date(2016, 1) }
-        disabledDays={ sunday }
-        selectedDays={ day => DateUtils.isSameDay(this.state.selectedDay, day) }
-        onDayClick={ this.handleDayClick.bind(this) }
-    />);
-  }
-}
-```
-
-See [Basic usage](http://www.gpbl.org/react-day-picker/docs/Basic.html) for a deeper explanation of the example above.
-
-### Docs and examples
-
-* [Examples with code](http://gpbl.org/react-day-picker/examples)
-* [Documentation](http://gpbl.org/react-day-picker)
-    * [Basic usage](http://gpbl.org/react-day-picker/docs/Basic.html)
-    * [Use of modifiers](http://gpbl.org/react-day-picker/docs/Modifiers.html)
-    * [API](http://www.gpbl.org/react-day-picker/docs/API.html)
-    * [Styling](http://www.gpbl.org/react-day-picker/docs/Styling.html)
-    * [Localization](http://www.gpbl.org/react-day-picker/docs/Localization.html)
-    * [Tips](http://www.gpbl.org/react-day-picker/docs/Tips.html)
-    * [Utilities](http://www.gpbl.org/react-day-picker/docs/Utilities.html)
-* [Changelog](https://github.com/gpbl/react-day-picker/blob/master/CHANGELOG.md)
-
-### Get support
-
-* Tag with `react-day-picker` your questions on [Stackoverflow](http://stackoverflow.com/questions/tagged/react-day-picker?sort=newest)
-* Join the [Gitter room](https://gitter.im/gpbl/react-day-picker) for immediate help
-
-### Contribute
-
-* File bugs and feature requests in the [issues page](https://github.com/gpbl/react-day-picker/issues)
-* Check out the source code on [Github](https://github.com/gpbl/react-day-picker)
-* Pull requests are welcome! If you are planning a pull request with lot of changes, please add an issue to discuss your idea first
-  * See how to start the project locally [here](http://www.gpbl.org/react-day-picker/docs/Contributing.html)
+* Ask on on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-day-picker?sort=newest) tagging your question with `react-day-picker`.
+* Open a [new issue](https://github.com/gpbl/react-day-picker/issues/new) on GitHub.
+* Join the [Gitter room](https://gitter.im/gpbl/react-day-picker) to chat with other developers.

utils.js

 /* eslint-env node */
 
-"use strict";
+'use strict';
 
-module.exports.localeUtils = require("./lib/LocaleUtils");
-module.exports.dateUtils = require("./lib/DateUtils");
+module.exports.localeUtils = require('./lib/src/LocaleUtils');
+module.exports.dateUtils = require('./lib/src/DateUtils');
+module.exports.modifiersUtils = require('./lib/src/ModifiersUtils');

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 2 instances in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1555126

increased by113.75%

Number of package files

62

increased by24%

Lines of code

10630

increased by469.67%

Worsened metrics

Dependency count

5

increased by66.67%

Dev dependency count

41

increased by28.13%

Number of low quality alerts

1

increased byInfinity%

Number of lines in readme file

41

decreased by-61.68%

Number of low supply chain risk alerts

18

increased byInfinity%

Number of medium supply chain risk alerts

11

increased byInfinity%

Dependency changes

• + Addedobject-assign@^4.1.1

• + Addedprop-types@^15.6.0

• + Addedreact@16.14.0(transitive)

• + Addedreact-base16-styling@0.6.0(transitive)

• - Removedalmost-equal@1.1.0(transitive)

• - Removedasap@2.0.6(transitive)

• - Removedcolor-space@1.16.0(transitive)

• - Removedcore-js@1.2.7(transitive)

• - Removedcreate-react-class@15.7.0(transitive)

• - Removedencoding@0.1.13(transitive)

• - Removedfbjs@0.8.18(transitive)

• - Removedhsluv@0.0.3(transitive)

• - Removediconv-lite@0.6.3(transitive)

• - Removedis-stream@1.1.0(transitive)

• - Removedisomorphic-fetch@2.2.1(transitive)

• - Removedmumath@3.3.4(transitive)

• - Removednode-fetch@1.7.3(transitive)

• - Removedpromise@7.3.1(transitive)

• - Removedreact@15.7.0(transitive)

• - Removedreact-base16-styling@0.4.7(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedsetimmediate@1.0.5(transitive)

• - Removedua-parser-js@0.7.37(transitive)

• - Removedwhatwg-fetch@3.6.20(transitive)

• Updatedreact-base16-styling@^0.6.0