v2.4.0

What's new?

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

What's changed?

• Remove role="presentation" from DateTimeInput which may have caused accessibility issues. Thanks, @emilyuhde!
• React-DateTimeRange-Picker no longer relies on React-Calendar with date calculations. Instead, they both use common shared library: @wojtekmaj/date-utils (#14).
• 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.

v2.3.0

What's new?

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

v2.2.0

What's new?

• Added support for aria-labels on each input and button. See README for details.
• Added support for format prop which allows to overwrite default date format determined either from locale prop or automatically. See README for details.
• Automatically jump to the next input if the user can't enter any more digits.
• You can now disable the calendar using disableCalendar prop.
• Added support for onCalendarOpen, onClockOpen, onCalendarClose and onClockClose props.

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-DateTimeRange-Picker.
• Whitespace in dividers is now automatically preserved.
• Simplified some internal methods.
• Added more unit tests.

Bug fixes

• Fixed issues where iterating an HTMLCollection would cause issues in older versions of Edge and IE. Thanks, @mathieumg!
• Fixed jumping to previous/next input not working if leading zeros were present.
• Fixed AM/PM not selectable in some locales using Arabic numerals.
• Fixed a warning on amPm mistakenly required when there is a possibility of it being null if value is null too (#59).
• 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.
• Fixed some locales displaying both 24- and 12-hour inputs.
• Fixed React-DateTimeRange-Picker crashing occasionally when a number with decimals was entered as one of the values.

v2.1.0

What's new?

• Implemented React-Fit, a smarter system measuring where the Calendar and Clock 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-DateTimeRange-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.

v2.0.1

What's changed?

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

Bug fixes

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

v2.0.0

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 DateTimeInput component now all have class names separate from React-DateTime-Picker (react-datetimerange-picker__... instead of react-datetime-picker__...).
• Calendar and Clock widgets now will only appear above the input if there's more space above, and not simply when it would collide with the bottom border of the screen.

Bug fixes

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

v1.3.0

What's new?

• You can now attach event props (onClick, onKeyDown...) directly to React-DateTimeRange-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-DateTimeRange-Picker was closed.
• Fixed missing default input name.

v1.2.0

What's new?

• Added disableClock flag that, well, disables clock.

What's changed?

• Updated all dependencies.

Bug fixes

• Fixed min/max date not applied to time components properly.
• Fixed native input value not parsed properly in some cases.
• Fixed the date being wrongly formatted on IE11 in zh-CN locale.
• Fixed DateTimePicker not working properly on older (<16.3) versions of React.
• Updated react-calendar dependency which fixes crash on IE11.
• Updated react-datetime-picker dependency which fixes uncaught error on IE11 caused by Array.prototype.includes not being implemented.

v1.1.0

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-DateTimeRange-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.

v1.0.0

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

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