react-clock

❗️ = breaking change

What's changed?

• Added support for React 19.
• ❗️ New JSX transform is now required. Most likely, you’re already using it, but if you’re not, you’ll need to enable it by following the instructions in the linked blog post.
• ❗️ propTypes were removed. If you’re using propTypes, we recommend migrating to TypeScript or another type-checking solution.

What's new?

• Improved developer experience by moving prop documentation to JSDoc. This means that you can now see descriptions, default values, and examples for all props in your IDE.
• Improved documentation.

What's new?

• Package is now published with npm provenance statements.

What's new?

• Added support for native ESM modules (#210).

Bug fixes

• HourMark and MinuteMark components are now memoized to prevent them from re-rendering unnecessarily.

What's new?

• Added support for millisecond precision via useMillisecondPrecision prop. Thanks, @arcataroger!

Bug fixes

• @types/react and @types/react-dom are now optional peerDependencies, which eliminates errors caused by duplicate typings.
• Fixed hour hand angle off by a fraction of a degree due to angle miscalculation for seconds. Yeah, awkward: you had one job!

What's new?

• ClockProps type is now exported for your convenience.

What's changed?

• Updated clsx dependency to 2.0.0 to enable ESM support in the near future.

What's new?

• Added named export support.

Bug fixes

• Fix className and value props unnecessarily too restrictive.

What's new?

• Converted package to TypeScript (#122).
• Allowed more flexible size values.

Note: React <16.8 is not supported. If you're still using React older than 16.8, please use react-clock@^3.0.0 instead.

❗️ = breaking change

What's changed?

• ❗️ Minimum React version is now 16.8.
• Replaced merge-class-names with clsx.

What's new?

• Added support for React 18.

❗️ = breaking change

What's new?

• React-Clock now ships with ES6 Modules along with CommonJS modules. This allows for Webpack and other bundlers to optimize your code better.

What's changed?

• ❗️ React-Clock no longer imports its styles by default. If you want to continue to use them, import them separately as instructed in README.

❗️ = breaking change

What's new?

• React-Clock now ships with ES6 Modules along with CommonJS modules. This allows for Webpack and other bundlers to optimize your code better.

What's changed?

• ❗️ React-Clock no longer imports its styles by default. If you want to continue to use them, import them separately as instructed in README.

What's new?

• Added TypeScript typings.
• Added more unit tests.

What's changed?

• React-Clock now uses Babel 7 internally.
• Rewrite for optimal Babel output, resulting in ~25% bundle size savings.

What's new?

• You can now render numbers on the clock using renderNumbers prop (#6). Thanks, @yhlben!

Bug fixes

• Fixed negative percent values for oppositeLength props throwing React warning. Thanks, @bjenkins24!

What's new?

• Refactored code for enhanced stability and readability.

Bug fixes

• Fixed a configuration bug that could have caused React-Calendar to behave unexpectedly on React 15.x environments.

What's new?

• Compiled files are now placed in a standard ./dist category.
• Added unit tests.
• Sample and Test suites are now using Parcel for bundling.
• Updated development platform:
  • Updated Jest to version 22.
  • Replaced babel-preset-es2015 with babel-preset-env.

React-Clock is now on NPM and Yarn! 🎉

As React-Clock name was previously used by another library, to avoid confusion, versioning had to be aligned with preexisting npm package.

What's new?

• You can now pass values as string, e.g. "11:20:38".

Bug fixes

• Fixed a styling issue that could have caused React-Clock not to be rendered

Bug fixes

• Fixed Clock.css file missing from build folder.