A datetime range picker for your React app.
MIT License
❗️ = breaking change
portalContainer
prop.❗️ React-DateTimeRange-Picker no longer supports React versions lower than 16.8.
closeCalendar
was set to false.❗️ = breaking change
closeWidgets
prop which, when set to false
, will overwrite default behavior of widgets 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 DateTimeInput which may have caused accessibility issues. Thanks, @emilyuhde!monthPlaceholder
prop properly. Thanks, @linusmarco!aria-label
s on each input and button. See README for details.format
prop which allows to overwrite default date format determined either from locale
prop or automatically. See README for details.disableCalendar
prop.amPm
mistakenly required when there is a possibility of it being null if value
is null too (#59).fill
properties.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.DateTimeInput
component now all have class names separate from React-DateTime-Picker (react-datetimerange-picker__...
instead of react-datetime-picker__...
).onClick
, onKeyDown
...) directly to React-DateTimeRange-Picker root.calendarIcon
and clearIcon
.disableClock
flag that, well, disables clock.zh-CN
locale.react-calendar
dependency which fixes crash on IE11.react-datetime-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.