react-daterange-picker

Bug fixes

• Fixed Calendar opening behind month dropdown.
• Fixed autoselect on focus not working on Internet Explorer 11.
• Fixed typing over values not working on Internet Explorer 11.

What's new?

• Added support for closing calendar in shadow DOM (#101, #102). Thanks, @jorrit!

What's changed?

• Refactored handling internal refs in DateInput to use React.createRef.

What's new?

• Added support for openCalendarOnFocus prop (#86, #95).

What's new?

• Updated React-Date-Picker.

Bug fixes

• Fixed double leading zeros displayed if the user typed leading zero themselves (#54).

What's changed?

• Updated React-Calendar and React-Date-Picker.

Bug fixes

• Fix crash on IE 11 caused by passing date to Date constructor.
• Fixed default min date to be 0001-01-01 local time, not UTC time.

❗️ = breaking change

What's new?

• Updated React-Calendar to v3.0.0. This will reduce your bundle size and allow access to new exciting functions.
• Updated React-Date-Picker to v8.0.0.
• Added closeCalendar prop which, when set to false, will overwrite default behavior of Calendar closing on value selection (#62).
• Added rangeDivider prop which you may use to overwrite default divider between the two dates (#48).
• Added support for handling dates in year < 1000.

What's changed?

• ❗️ React-DateRange-Picker no longer supports React versions lower than 16.3.

Bug fixes

• Fixed native form validation triggered on input.
• Disallowed non-numeric characters from being entered in number field.

What's new?

• Added support for autoFocus prop. More details in README.

What's changed?

• Remove role="presentation" from DateInput which may have caused accessibility issues. Thanks, @emilyuhde!
• React-DateRange-Picker no longer relies on React-Calendar with date calculations. Instead, they both use common shared library: @wojtekmaj/date-utils (#45).
• Implemented optimizations which should decrease build size.

Bug fixes

• Fixed month dropdown not accepting monthPlaceholder prop properly. Thanks, @linusmarco!
• Fixed checking if font was loaded if no font was given.

What's new?

• You can replace default placeholders (--) with custom ones using dayPlaceholder, monthPlaceholder, yearPlaceholder props.

What's new?

• Added support for aria-labels on each input and button. More on that in README.
• Added support for MMM (short month) and MMMM (long month) in format prop.
• Automatically jump to the next input if the user can't enter any more digits.
• You can now disable the calendar using disableCalendar prop.

What's changed?

• Documentation should now be easier to read thanks to improved clarity and default values column.
• Optimized the number of listeners attached by React-DateRange-Picker.
• Added more unit tests.

Bug fixes

• Fixed Calendar not closing in some cases on mobile Safari. Thanks, @victor-cordova!
• Fixed input value selection immediately un-selecting on non-Chromium versions of Microsoft Edge.
• Fixed default icon styling affecting custom icons by changing their fill properties.

What's new?

• Added support for format prop which allows to overwrite default date format determined either from locale prop or automatically. See README for details (#23).
• Added support for onCalendarOpen and onCalendarClose props (#12).

What's new?

• Implemented React-Fit, a smarter system measuring where the Calendar should be placed. React-Fit will check for collisions with the nearest scrollable container (unlike previously, hardcoded document.body) on both axis (unlike previously, just on Y axis).

What's changed?

• React-DateRange-Picker now uses Babel 7 for compilation.
• Using Parcel, if you decide for whatever reason to import from src directory instead of default dist, Parcel will properly recognize it and use proper Babel configuration.

What's changed?

• Improved Calendar positioning system - it will only display the Calendar above if it's going to make the situation any better.

Bug fixes

• Fixed Calendar not closing when blurring input using the keyboard.

See Upgrade guide from version 1.x to 2.x.

What's new?

• Inputs now automatically select on focus.
• Leading zeros are now wrapped in a <span /> element with react-daterange-picker__inputGroup__leadingZero class name for easier styling.
• Inputs in DateInput component now all have class names separate from React-Date-Picker (react-daterange-picker__... instead of react-date-picker__...).

Bug fixes

• Fixed input height that could be off by 2 pixels on some devices.

What's new?

• You can now attach event props (onClick, onKeyDown...) directly to React-DateRange-Picker root.
• Updated documentation to make it clear how to remove calendarIcon and clearIcon.

What's changed?

• Auto resizing input fields mechanism has been improved.

Bug fixes

• Removed needless update when the user clicked somewhere on the screen while the calendar in React-DateRange-Picker was closed.

What's changed?

• Updated all dependencies.

Bug fixes

• Fixed the date being wrongly formatted on IE11 in zh-CN locale.
• Updated react-calendar dependency which fixes crash on IE11.
• Updated react-date-picker dependency which fixes uncaught error on IE11 caused by Array.prototype.includes not being implemented.

What's new?

• React-Calendar was updated to 2.17.0 with tons of fixes and new features. Most importantly, Arabic and Hebrew calendars were added.
• Sample page was added.

What's changed?

• React-DateRange-Picker now uses get-user-locale to get user's locale data. This should be more reliable, especially on macOS/iOS prior to 10.2.

React-DateRange-Picker is now on NPM and Yarn! 🎉

Use npm install @wojtekmaj/react-daterange-picker or yarn add @wojtekmaj/react-daterange-picker to get it!