A date range picker for your React app.
MIT License
❗️ = breaking change
closeCalendar
prop which, when set to false
, will overwrite default behavior of Calendar closing on value selection (#62).rangeDivider
prop which you may use to overwrite default divider between the two dates (#48).autoFocus
prop. More details in README.role="presentation"
from DateInput which may have caused accessibility issues. Thanks, @emilyuhde!monthPlaceholder
prop properly. Thanks, @linusmarco!aria-label
s on each input and button. More on that in README.MMM
(short month) and MMMM
(long month) in format
prop.disableCalendar
prop.fill
properties.format
prop which allows to overwrite default date format determined either from locale
prop or automatically. See README for details (#23).document.body
) on both axis (unlike previously, just on Y axis).src
directory instead of default dist
, Parcel will properly recognize it and use proper Babel configuration.See Upgrade guide from version 1.x to 2.x.
<span />
element with react-daterange-picker__inputGroup__leadingZero
class name for easier styling.DateInput
component now all have class names separate from React-Date-Picker (react-daterange-picker__...
instead of react-date-picker__...
).onClick
, onKeyDown
...) directly to React-DateRange-Picker root.calendarIcon
and clearIcon
.zh-CN
locale.react-calendar
dependency which fixes crash on IE11.react-date-picker
dependency which fixes uncaught error on IE11 caused by Array.prototype.includes not being implemented.get-user-locale
to get user's locale data. This should be more reliable, especially on macOS/iOS prior to 10.2.