react-time-picker

❗️ = breaking change

What's new?

• Added support for React 19.

What's changed?

• ❗️ 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.
• ❗️ Props intended for consumption by React-Clock should now be passed via the clockProps prop. This change was made to avoid conflicts with React-Time-Picker's own props and to make customization easier.

Bug fixes

• Fixed leading zero having different font in certain scenarios (#324). Thanks, @AaronWatson2975!

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.

Bug fixes

• Fixed "Failed prop type: TimePicker: prop type portalContainer is invalid" error when using server-side rendering.

What's new?

• Added module format-agnostic exports for internals used by other packages.

Bug fixes

• Fixed "ReferenceError: HTMLElement is not defined" error when using server-side rendering.

Bug fixes

• Fixed backwards compatibility with legacy module resolution.

What's new?

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

What's changed?

• Improved propTypes.
• Improved TypeScript types.

Bug fixes

• Fixed propTypes declared twice in every declaration file.

What's new?

• Improved RSC compatibility. You no longer need to add 'use client'; to the parent component for this component to work.

Bug fixes

• @types/react and @types/react-dom are now optional peerDependencies, which eliminates errors caused by duplicate typings.

What's changed?

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

What's new?

• TimePickerProps type is now exported for your convenience.
• Added support for onInvalidChange prop.

Bug fixes

• Fixed types for onChange and onFocus props.

What's new?

• Added support for shouldOpenClock and shouldCloseClock props.

Bug fixes

• Fixed type checking of event handler props like onClick or onTouchStart.
• Fixed focus jumping two fields when two keys were pressed at once (#131).

Bug fixes

• Fixed types for clearIcon and clockIcon not allowing null values (#296).
• Fixed inconsistent text color inside input when text color was set to other than default (#288). Thanks, @Jib-Abdel!

Bug fixes

• Fixed source field and added types field in package.json.

Bug fixes

• Improved type accuracy for value prop and onChange callback.

Bug fixes

• Fixed types for portalContainer props not allowing null values, which made it hard to use.
• Fixed props passed along to React-Clock not typed correctly.

This is one of the biggest update - for React-Time-Picker and for me personally. React-Time-Picker has been rewritten from scratch using TypeScript and React Hooks. I've put a tremendous amount of effort to modernize the package without introducing any major breaking changes. If, however, something have slipped through 259 unit tests we have, please let me know. I hope you will like it.

❗️ = breaking change

What's new?

• Converted package to TypeScript (#285).
• Rewritten package using React Hooks (#284).
• Added named export support.
• Added support for id prop.
• Added support for passing clearIcon and clockIcon as React functions (e.g. clearIcon={MyIcon}).

What's changed?

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

What's new?

• Added support for data-testid prop.
• Increased compatibility with Deno (replaced typeof window … checks with typeof document … checks).

What's changed?

• Replaced Less with CSS. Don't worry - the CSS produced didn't change, we just have one less tool in our stack.

Bug fixes

• Fixed "Warning: useLayoutEffect does nothing on the server" warning when using SSR (see: https://github.com/wojtekmaj/react-daterange-picker/issues/152).
• Fixed divider and leading zero positioning.
• Fixed native time picker sometimes showing on Safari.

What's changed?

• Updated React-Clock to 4.0.0.
• Replaced merge-class-names with clsx.

❗️ = breaking change

What's new?

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

What's changed?

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

Bug fixes

• Fixed inputs sometimes not properly sized until focused.
• Fixed memory leak when calling getFormatter.
• Fixed jumping between fields using arrow keys not working on AM/PM dropdown

What's new?

• Added support for React 18.
• Clock now closes when Escape key is pressed.

What's changed?

• Improved performance of date formatters.

Bug fixes

• Fixes styles not reset on Clock close.