All Versions
72
Latest Version
7.4
Avg Release Cycle
37 days
Latest Release
54 days ago

Changelog History
Page 2

  • v7.1.9

    May 13, 2018
    • 🛠 (DayPickerInput) Fixed an error when year from input is too big (#717)
  • v7.1.8

    May 07, 2018
    • 🛠 Fixed: tabIndex={0} was not passed to the container (#716)
    • 🛠 (DayPickerInput) Fixed: interaction with the overlay was not working correctly on Safari or IE 11 (#715)
  • v7.1.7

    May 06, 2018
  • v7.1.6

    April 15, 2018
    • ⚡️ Updated to support React 17 (#696)
    • ➕ Added: isSameMonth, isDate functions to DateUtils.
    • 🛠 Fixed: month was reset when selecting multiple days (#669)
    • 🛠 Fixed: week numbers may not be correct (#692)
    • 🛠 (DayPickerInput) Fixed: overlay did not reset the displayed month when appearing again (#667)
    • 🛠 (DayPickerInput) Fixed: overlay was shown even if the input was disabled (#680)
  • v7.1

    March 04, 2018

    DayPicker

    DayPickerInput

    • 👌 Improved: focus/blur behavior (#598 by jbarco, #579)
    • 👌 Improved: onDayChange is called undefined when day is not valid (#647)
    • ➕ Added: keepFocus prop (#598 by bartpeeters)
    • 🛠 Fixed: use dayPickerProps.month before the input's value (#612 by kradical)
    • 🛠 Typescript: fixed onDayChange definition (#622)

    🚀 > This should be the last minor release before v8.0.0. The next major version should not break existing code but as we are moving from webpack to rollup we will bump a major for safety :)

  • v7.0.7

    January 09, 2018
    • 🛠 (DayPickerInput) Fixed: daypickerProps.onMonthChange not being called (#604 by ah-adarlow)
  • v7.0.6

    December 31, 2017
    • 🛠 (DayPickerInput) Fixed: focusing behavior when pressing the TAB key (#594)
    • 📜 (DayPickerInput) Fixed: wrong behavior with malformatted dates using the included moment parseDate function (#584 by jbarco)
    • ✂ Removed duplicated style from CSS (#591 by nicoffee)
  • v7.0.5

    December 03, 2017
    • 🛠 (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)
  • v7.0.0

    November 25, 2017

    💥 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), 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, thanks!

    🆕 New features

    🐛 Bug fixes

    • 🛠 Fixed: multiple months navigation not working correctly in some cases (#556 by hydrognomik)
    • 🛠 Fixed: (Typescript) added again DayModifiers and Modifiers back to type definitions file (#526 by azhangstrata)
    • 🛠 Fixed: (Typescript) missing default export (#533)
    • 🛠 Fixed: (a11y) removed role="application" (#548 by trezy)

    DayPickerInput

    💥 Breaking changes

    • The moment.js requirement has been removed, and you should use parseDate and formatDate props to parse and format the dates. If you want to keep using moment.js, your existing code should changes as follows:
        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.

    • You must pass additional props to the input component using the 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 prop to pass additional props to the input component
    • 🆕 New: parseDate and formatDate props
    • 🆕 New: inputProps prop to pass additional props to the input component
    • 🆕 New: overlayComponent prop: useful to customize the overlay component (#477, thanks to wldcordeiro)
    • 🆕 New: allow to change numberOfMonths, selectedDays props from dayPickerProps (#513, #531 by hydrognomik). Useful for selecting range of days (example).
    • 🆕 New: showOverlay prop: shows the overlay at the initial rendering (useful for styling)
    • 🆕 New: getInput and getDayPicker public methods

    • 🔄 Changed: clicking the Today Button will set the input value to today (#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, #504 by tume)
    • 🛠 Fixed: focus behavior on Firefox (#525 by martinmosko)
    • 🛠 Fixed: value not updated when changed in some cases (#535)
    • 🛠 Fixed: localization bug when using multiple languages (#509)

  • v6.2.0

    October 05, 2017

    🐛 Bug fixes

    • 🛠 Fixed: an issue with React 0.14
    • 🛠 Fixed: a console warning in React 16 (#493)
    • DayPickerInput Fix an error when format is passed as array (#502)
    • ⚡️ DayPickerInput Fix update when receiving new props (#495 by kradical)