Skip to content

Upgrade guide from version 6.x to 7.x

Wojciech Maj edited this page Oct 12, 2018 · 2 revisions

Good news! If you didn't use custom styles, you're good to go. If you have custom styles, check out the table below for updated class names.

Changed class names

Class names were updated to make it clear what is their purpose.

Removed class name Replaced with class name Comments
react-date-picker__button react-date-picker__wrapper A <div /> element wrapping all input groups, calendar button and clear button.
react-date-picker__button__input react-date-picker__inputGroup A <div /> element wrapping all inputs.
react-date-picker__button__input__input react-date-picker__inputGroup__input A <input /> element for picking day, month or a year.
react-date-picker__button__input__divider react-date-picker__inputGroup__divider A <div /> element wrapping a divider between two inputs, usually ..
react-date-picker__button__icon react-date-picker__button Calendar button and clear button.
Clone this wiki locally