All Versions
82
Latest Version
Avg Release Cycle
33 days
Latest Release
834 days ago
Changelog History
Page 3
Changelog History
Page 3
-
v7.1.9 Changes
May 13, 2018- ๐ (DayPickerInput) Fixed an error when year from input is too big (#717)
-
v7.1.8 Changes
May 07, 2018 -
v7.1.7
May 06, 2018 -
v7.1.6 Changes
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 Changes
March 04, 2018DayPicker
- โ Added:
enableOutsideDaysClick
prop (#585 by smesgr) - ๐ Fixed: month may be not defined in the navigation component (#607 by MhMadHamster)
- ๐ Fixed: outside days were shown also when using
toMonth
/fromMonth
(#630) - ๐ Fixed:
Cannot read property 'focus'
error with outside days (#646) - TypeScript: added more types (#618 by adidahiya)
DayPickerInput
- ๐ Improved: focus/blur behavior (#598 by jbarco, #579)
- ๐ Improved:
onDayChange
is calledundefined
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 :)
- โ Added:
-
v7.0.7 Changes
January 09, 2018- ๐ (DayPickerInput) Fixed:
daypickerProps.onMonthChange
not being called (#604 by ah-adarlow)
- ๐ (DayPickerInput) Fixed:
-
v7.0.5 Changes
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 Changes
November 25, 2017๐ฅ Breaking changes
enableOutsideDays
prop is now namedshowOutsideDays
- ๐ 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
- ๐ Improved layout and style. Added
.DayPicker-Months
container. - โ Added:
renderWeek
prop (#497 by jenshandersson) - โ Added:
onTodayButtonClick
prop (#529) - โ Added:
showWeekDays
prop. Set it tofalse
to hide weekday names - โ Added:
month
prop to [navbarElement
](<(http://react-day-picker.js.org/api/DayPicker#navbarElement)>) (#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 by hydrognomik)
- ๐ Fixed: (Typescript) added again
DayModifiers
andModifiers
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
andformatDate
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 usingplaceholder
orvalue
. 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
andformatDate
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 fromdayPickerProps
(#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
andgetDayPicker
public methods๐ Changed: clicking the Today Button will set the input value to today (#561)
๐ Changed: removed
fixedWeek
prop. UsedayPickerProps ={{ 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 Changes
October 05, 2017- โ Added: TypeScript definitions for DayPickerInput (#487 by adidahiya and lpcarignan)
๐ Bug fixes