react-date-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-Calendar should now be passed via the calendarProps prop. This change was made to avoid conflicts with React-Date-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: DatePicker: 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 (#631).

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?

• DatePickerProps type is now exported for your convenience.
• Added support for onInvalidChange prop (#398, #509). Thanks, @irunner-toptal!

Bug fixes

• Fixed types for onChange and onFocus props.

What's new?

• Added support for shouldOpenCalendar and shouldCloseCalendar 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 (#556).

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.
• Fixed redundant index.d.ts files published in the package.

Bug fixes

• Allowed minDetail to be passed along in calendarProps.
• Fixed source field and added types field in package.json.

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 not typed correctly.

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

❗️ = breaking change

What's new?

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

What's changed?

• ❗️ React-Date-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-Calendar to 4.2.0.

Bug fixes

• Pinned React-Calendar version to 4.0.0 to fix a bug with TypeScript types (#579).

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 sometimes showing on Safari (#421).

What's changed?

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

❗️ = breaking change

What's new?

• Improved Preact compatibility.
• Added support for portalContainer prop (#91).

What's changed?

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

Bug fixes

• Fixed inputs sometimes not properly sized until focused.
• Fixed Calendar closing on value selection even if closeCalendar was set to false (#361).
• Fixed memory leak when calling getFormatter (#405).

What's new?

• Added support for React 18.
• Default to current year if year input is missing.
• Calendar now closes when Escape key is pressed.

What's changed?

• Improved performance of date formatters.

Bug fixes

• Fixes styles not reset on Calendar close (#200).