react-datetimerange-picker

❗️ = breaking change

What's new?

• Improved Preact compatibility.
• Added support for portalContainer prop.

What's changed?

❗️ React-DateTimeRange-Picker no longer supports React versions lower than 16.8.

Bug fixes

• Fixed inputs sometimes not properly sized until focused.
• Fixed Calendar closing on value selection even if closeCalendar was set to false.
• Fixed memory leak when calling getFormatter.

What's new?

• Added support for React 18.
• Default to current year if year input is missing.
• Widgets now close when Escape key is pressed.

What's changed?

• Improved performance of date formatters.

Bug fixes

• Fixes styles not reset on widgets close.

Bug fixes

• Fix crash after make-event-props update (#46).

Bug fixes

• Fixed widgets opening behind dropdowns.
• 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. Thanks, @jorrit!

What's changed?

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

What's new?

• Added support for openWidgetsOnFocus prop (#43).

What's new?

• Updated React-DateTime-Picker.

Bug fixes

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

What's changed?

• Updated React-DateTime-Picker to 3.1.0.
• Updated React-Clock to 3.0.0 (#29).

What's changed?

• Updated React-Calendar and React-DateTime-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-DateTime-Picker to v3.0.0.
• Added closeWidgets prop which, when set to false, will overwrite default behavior of widgets 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-DateTimeRange-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 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.

What's new?

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

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.

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.

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.

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.

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.

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.

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.

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!