What's new?

• Added support for aria-labels on each input and button. More on that in README.
• Automatically jump to the next input if the user can't enter any more digits (#15, #29).

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-Time-Picker.
• Added more unit tests.

Bug fixes

• Fixed AM/PM not selectable in some locales using Arabic numerals (#25).
• Fixed a warning on amPm mistakenly required when there is a possibility of it being null if value is null too (#31).
• 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 (#37).
• Fixed default icon styling affecting custom icons by changing their fill properties.

What's changed?

• Whitespace in dividers is now automatically preserved.
• Simplified some internal methods.
• Added more unit tests.

Bug fixes

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

Bug fixes

• Fixed MinuteInput and SecondInput not showing leading zeros by default.

What's new?

• Added support for format prop which allows to overwrite default time format determined either from locale prop or automatically. See README for details.

Bug fixes

• Fixed issues where iterating an HTMLCollection would cause issues in older versions of Edge and IE (#135). Thanks, @mathieumg!
• Fixed jumping to previous/next input not working if leading zeros were present

What's new?

• Added support for onClockOpen and onClockClose props.

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 new?

• Added support for non-latin locales.

What's changed?

• React-Time-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.

Bug fixes

• Disabled autocomplete on all input fields.

Bug fixes

• Fixed Clock re-opening on click, which may have caused unpredictable behavior.

What's new?

• Brand input rendering algorithm was implemented. It should be more reliable, especially for zh-CN locale.

What's changed?

• Clock widget will no longer close automatically on any value change.

Bug fixes

• Fixed clock widget not closing when input was blurred using the keyboard.

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

What's new?

• Inputs now automatically select on focus.
• Leading zeros are now wrapped in a <span /> element with react-time-picker__inputGroup__leadingZero class name for easier styling.
• Internal changes in TimeInput component that will allow for more refined styling of React-Time-Picker along with React-DateTime-Picker and React-TimeRange-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-Time-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-Time-Picker was closed.

What's changed?

• Updated all dependencies.

Bug fixes

• Fixed TimeInput not working properly on older (<16.3) versions of React.
• Updated get-user-locale dependency which fixes uncaught error on IE11 caused by Array.prototype.includes not being implemented.

Bug fixes

• Fixed clock icon shown when disableClock flag is set to true (#11).

What's new?

• Added disableClock flag that, well, disables clock (#9, #10). Thanks, @twinraven!

Bug fixes

• Fix min/max values not properly applied to MinuteInput, SecondInput.
• Fix an issue with validating forms when minTime was more detailed than the user could choose (e.g. minTime="23:41:20" and maxDetail="hour").

What's changed?

• React-Time-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.

What's changed?

• Clearing inputs manually will call onChange with null value, just like clearing it with clear button does.

Bug fixes

• Fixed AM/PM dropdown not appearing on some locales (e.g. en-AU).
• Fixed native input (not visible for most users, stays hidden; it's there for accessibility purposes) treating time as UTC, instead of local user's time.
• Fixed native input allowing to change seconds if maxDetail was set to minute.

Bug fixes

• Fix an error causing hour 0 to be displayed as 0 am instead of 12 am in 12-hour time format.

All dependencies have been updated and new Airbnb ESLint rules have been enforced.

What's new?

• Added support for 12-hour clock on supported locales (#3).

Bug fixes

• Fixed font in default styling not properly inherited
• Fixed potential issues with displaying inputs on locales largely different from American/European, like zh-CN.

Updated react-lifecycles-compat to the newest version. There are no user- or developer-facing changes.

Bug fixes

• Fixed TimeInput not working properly on older (<16.3) versions of React.

Emergency update to fix common issues that were caused by breaking changes introduced in React 16.4.0.

What's new?

• You can now hide clearIcon and clockIcon by setting them explicitly to null.

Bug fixes

• Fixed clock appearing behind the date picker in specific situation where two time pickers were placed one below the other.