react-timerange-picker

What's new?

• Added support for closing calendar in shadow DOM. Thanks, @jorrit!

What's changed?

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

What's new?

• Added support for openClockOnFocus prop (#32).

What's new?

• Updated React-Time-Picker.

Bug fixes

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

What's changed?

• Updated React-Time-Picker to 4.1.0.
• Updated React-Clock to 3.0.0 (#24).

❗️ = breaking change

What's new?

• Updated React-Time-Picker to v4.0.0.
• Added closeClock prop which, when set to false, will overwrite default behavior of Clock closing on value selection (#20).
• Added rangeDivider prop which you may use to overwrite default divider between the two hours (#13).

What's changed?

• ❗️ React-TimeRange-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 TimeInput which may have caused accessibility issues. Thanks, @emilyuhde!
• React-TimeRange-Picker no longer relies on React-Calendar with date calculations. Instead, they both use common shared library: @wojtekmaj/date-utils (#12).
• Implemented optimizations which should decrease build size.

Bug fixes

• Fixed checking if font was loaded if no font was given.

What's new?

• You can replace default placeholders (--) with custom ones using 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 time 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.
• Added support for onClockOpen 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-TimeRange-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 MinuteInput and SecondInput not showing leading zeros by default.
• Fixed AM minTime/maxTime taken into account when picking PM time and vice versa in 12-hour mode.
• Fixed users not being able to enter e.g. 2 PM if minTime was set to 12 PM in 12-hour mode.
• 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.
• Fixed Clock 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-Time-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 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-TimeRange-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 Clock positioning system - it will only display the Clock above if it's going to make the situation any better.

Bug fixes

• Fixed Clock 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-timerange-picker__inputGroup__leadingZero class name for easier styling.
• Inputs in TimeInput component now all have class names separate from React-Time-Picker (react-timerange-picker__... instead of react-time-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-TimeRange-Picker root.
• Updated documentation to make it clear how to remove clockIcon 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-TimeRange-Picker was closed.

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

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