react-datetimerange-picker

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

Bug fixes

• Fixed leading zero having different font in certain scenarios. 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: DateTimeRangePicker: prop type portalContainer is invalid" error when using server-side rendering.

Bug fixes

• Fixed ESM build not working correctly in some environments.

Bug fixes

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

What's new?

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

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 various dependencies to enable ESM support in the near future.

Bug fixes

• Fixed widgets rendered prematurely when opening the other one.
• Fixed calendar and clock not switching on focus.

What's new?

• DateTimeRangePickerProps 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 shouldOpenWidgets and shouldCloseWidgets props.

Bug fixes

• Fixed types for calendarIcon and clearIcon not allowing null values.
• Fixed inconsistent text color inside input when text color was set to other than default.

Bug fixes

• Improved type accuracy for value prop and onChange callback (it's now explicitly Date | [Date, Date] instead of Date | Date[]).
• Fixed types for portalContainer props not allowing null values, which made it hard to use.
• Fixed props passed along to React-Calendar and React-Clock not typed correctly.
• Fixed source field and added types field in package.json.
• Fixed TypeScript types not being included in the published package.

This is one of the biggest update - for React-DateTimeRange-Picker and for me personally. React-DateTimeRange-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 dozens of unit tests we have, please let me know. I hope you will like it.

❗️ = breaking change

What's new?

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

What's changed?

• ❗️ React-DateTimeRange-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-DateTime-Picker to 5.0.0.
• Updated React-Calendar to 4.2.0.
• Updated React-Clock to 4.2.0.

Bug fixes

• Pinned React-Calendar version to 4.0.0 to fix a bug with TypeScript types.

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 calendar and time picker sometimes showing on Safari.

Bug fixes

• Fixed widgets unnecessarily rendered when another widget was toggled.
• Fixed Calendar closing on click without selecting value when rendered in a portal.

What's changed?

• Updated React-Calendar to 4.0.0.
• Updated React-Clock to 4.0.0.
• Updated React-DateTime-Picker to 4.1.0.
• Replaced merge-class-names with clsx.

Bug fixes

• Fixed .react-datetimerange-picker--open class not toggled on widget open.