Changelog History
Page 4
-
v5.4.1
April 29, 2017- 🔦 Expose ModifiersUtils functions (#309 by cwmoo740)
Use this set of functions if you need to validate or test your modifiers.
-
v5.3.0
April 25, 2017- Include Typescript Type Definitions (#303)
- ➕ Added: a new
modifiersStyles
prop to add inline style to the days matching the given modifiers (seeexample
). - ➕ Added:
isDayBefore
,isDayAfter
functions to DateUtils.
🐛 Bug fixes
-
v5.2.3
April 14, 2017- 🛠 Fixed
PropTypes
warnings in React 15.5.
- 🛠 Fixed
-
v5.2.0
March 09, 2017- 👍 Allow overriding
today
modifier (#279 by maxdubrinsky) Pass React Components to
navBarElement
,captionElement
,weekdayElement
(#280 by cwmoo740)🛠 Fixed
aria
roles for weekdays and months HTML elements (#276 by oigewan)
- 👍 Allow overriding
-
v5.1.1
March 03, 2017- 🆕 New
classNames
prop (#264).
Use this prop to change the CSS class names or add support for CSS modules (#73, see this example).
This differs from the
initialMonth
props as it causes the calendar to re-render when its value changes. - 🆕 New
-
v5.0.0
February 14, 2017🚀 This release focuses on improving perfomance and the component's api-daypicker.
- 🆕 New modifiers value types (#254)
Use dates, arrays, or ranges as modifier types, not just functions:
<DayPicker - selectedDays={ day => DateUtils.isSameDay(day, this.state.selectedDay)} + selectedDays={ this.state.selectedDay } />
Read more in the modifiers documentation.
- 💥 Breaking change Event handlers signature has changed (#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:onDayClick={ - (e, day, modifiers) => { + (day, modifiers, e) e.preventDefault(); console.log(day); console.log(modifiers); } }
- 💥 Breaking change Use
containerProps
to pass props to the containerdiv
element. Before, any prop was passed to the container element degrading performance (#255):
<DayPicker - data-thing="foo" + containerProps={ 'data-thing': 'foo' } />
-
v4.0.0
February 10, 2017Pass the day's modifiers to the
renderDay
prop function (#237)💥 Breaking change Updating
initialMonth
will not show anymore a different month after the first mount (#169)
If you need the calendar to display a different month, use the
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 thede
locale:- .DayPicker--de { + .DayPicker[lang="de"] { background: yellow; }
-
v3.1.0
October 14, 2016- 🆕 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.
- 🆕 New