MDB 5 React Changelog

Don't miss MDB React updates! Join our mailing list & receive information whenever a new update is released.

By subscribing you agree to receive the newsletter & commercial information from the data administrator StartupFlow s.c. Kijowska 7, Warsaw. Policy

Version v5.1.0, released 19.12.2022

New:

Admin design blocks

Fixed & improved:

Inputs - change inputRef to ref
Dropdown - add a preventCloseOnClick property to DropdownItem component
Autocomplete - refactor
Stepper - fix behavior when animations are turned off in system
Ripple - fix issue which was causing autoclose of Modal and Sidenav components after clicking on button
Accordion - add option for adding class to the button
Select
- fix keyboard navigation
- fix availability of opening the popper after clicking on the arrow when select is disabled
Vector Maps plugin - optimization
Datepicker - fix focus issue after closing it with button and reopening it
General docs corrections

Version v5.0.0, released 31.10.2022

Major:

Styles will be synchronized with MDB 5 Standard 5.0.0

Fixed & improved:

Transfer - upgrade search
Select - upgrade search
Navbar - add dropdown link hover
DateTimePicker - add onChange event
Select - adjust multiple select active class when it is declared with default values
Modal - fix section frame with position bottom
Select - improve focusing
Dropdown - fix item without header/link/divider option
Fix transition-property warning
Sidenav - add nonInvasive property
Datepicker - added disablePast and disableFuture options
Carousel - added video handling
Touch - fix scroll with swipe
Timepicker - fix bug with selecting minutes
Timepicker - add disable property to disable an input
Select - fix problem with arrow that doesn't open the select
Select - fix issues with visibleOptions property
General docs corrections and improvements

Version v4.2.0, released 29.08.2022

New:

DateTimepicker component
Clipboard component
Timepicker - disablePast and disableFuture options

Fixed & improved:

Fix problems with Next.js/Gatsby integration
Carousel refactor
Dropdown refactor
Input - fix problems with label
General docs corrections
Timepicker - fix problem with change event in inline version
Timepicker - fix problem with min/max time properties handling
Timepicker - general code improvement
Select - add preventFirstSelection option to prevent first option selection by default
Multi range slider - fix problem with maximum selection with two dots
Chips - fix deleting all options with the same text
Table editor - general bug fix
Table editor - new options (including maxHeight, maxWidth, loadingMessage, custom selectors, translations and more)

Version v4.1.0, released 11.07.2022

Major:

Styles will be synchronized with MDB 5 Standard 4.20.0

New:

E-commerce gallery plugin
Captcha plugin
Color picker plugin
Input mask plugin
Treetable plugin
Data parser plugin
File upload - added onRemove event
SidenavLink - added tag property
Modal - added non invasive example

Fixed & improved:

Datatables refactor
Table editor refactor
Fixed long label for checkbox and radio
Autocomplete - disabled click when no results label is shown
Timepicker - fixed bad positioning when component is used inside a modal
Select - fixed visible options when select all button exists
Select - fixed initial popper width inside a modal
Select - clear button now will fire onValueChange event
Animations - fixed blinking animations

Version v4.0.0, released 13.06.2022

Major:

Update to React 18
MDBSelect refactor (old one is still available under "MDBSelectDeprecated" name)
MDBStepper refactor and optimization
MDBCalendar - new layout and refactor

New:

Organization Chart plugin
Scroll Status plugin
Dummy plugin
useAnimatedRef hook
useStickyRef hook
Parallax plugin
MDBChip - new events onAdd, onDelete, removed onClose one
MDBChipsInput - new event onDelete
MDBToast - new events onShow, onHide
MDBTabs - new events onShow, onHide
MDBTooltip - new events onShow, onHide
MDBCollapse - new events onShow, onHide
MDBPopover - new events onShow, onHide
MDBCarousel - new event onSlide
MDBModal - new events onShow, onHide, onHidePrevented
MDBAlert - new events onClose, onClosed
MDBDropdown - new events onShow, onHide

Fixed & improved:

MDBScrollspy refactor
Adjusted types
Controlling the Datepicker value from outside the component
Fix inifinite rerender timepicker bug
MDBCollapse refactor
Fix Popconfirm name
Fix collapsing label when the numerical value is passed to the number input
Fix issues with using arrows in MDBChip

Version v3.0.0, released 21.03.2022

New:

Multi Range Slider
Countdown plugin
RTL integration
FA6 integration
New MDBTextArea component
Add iconType property to the MDBIcon component to handle the FA6 syntax

Fixed & improved:

Remove textarea logic from the MDBInput component
Improve all types in the package
MDB5 React docs corrections and improvements, new Advanced Types section added where it is needed
MDBInputGroup component refactor
MDBDatepicker component refactor
MDBDValidation component refactor
MDBAutocomplete new value extraction and onSelect property
MDBDatepicker new value extraction
MDBAccordion switched collapseId to number
MDBRating new value extraction

Optimization

MDB4 React docs migration from Wordpress to Hugo

Version v2.4.0, released 28.02.2022

New:

Fixed & improved:

Select - fix problem with dynamic data
Select - add aria-label handling for the search input
Remove unnecessary .tgz files from advanced package
Modal - improve focus trap
Modal - fix issue with blocking page after entering the link from opened modal
Calendar - add onEventClick property

Version v2.3.0, released 17.01.2022

New:

Fixed & improved:

Modal - add a focus trap
Dropdown - improve up/down keys handling

Optimization:

MDB5 docs migration from Wordpress to Hugo

Version v2.2.0, released 20.12.2021

Fixed & improved:

Navbar - fix issue with collapse and invincible elements
Dropdown - fix issue with ripple
Table Editor - change getOpenState modal property to setShow
Table Editor - fix adding elements to the empty table
Datatables - enable search customization
Datatables - fix issue with an entries option
Alerts & Toasts - fix stacking offset

Version v2.1.0, released 06.12.2021

Fixed & improved:

Sidenav - add keyboard accessibility
Sidenav - add swipe handling with slim version
Sidenav - fix issue with an animation reset using collapse
Sidenav - fix backdrop position on pages with a scrollbar
Datepicker - remove startDate prop and improve default value handling
Timepicker - add setTime property to change a value programatically
Calendar - add dragging option
Calendar - fix events arrangements
Calendar - fix readonly property
Calendar - fix 12h version
Calendar - fix validation
Calendar - add getEvents property

Version v2.0.0, released 22.11.2021

Major changes:

Integrate MDBCharts with a react-chartjs-2 plugin and fix a datalabels option
Add an active property to the MDBSideNavLink component
Change arrow behavior in the MDBSideNavLink component - set default 0 as default rotation angle and add shouldBeExpanded property
Change a getOpenState property into setShow and update documentation
Styles will be synchronized with MDB 5 Standard 3.10.0

New:

Add Admin dashboard templates

Fixed & improved:

Lightbox - fix problems with scroll without container, swipe picture direction and fullscreen
Sidenav - fix push and side modes invertion
Add defaultFile to the MDBFileUpload plugin
Correct modal behavior and popconfirm inside the MDBTableEditor plugin
Add inputClassName property to the MDBSelect component

Version v1.6.0, released 02.11.2021

New:

Fixed & improved:

Fix MDBSelect component inside the MDBDatatable pagination

Version v1.5.0, released 18.10.2021

New:

Fixed & improved:

Fix problem with a PostCSS erorr while building a CRA App
Adjust z-index property in Autocomplete, Modal, Date and Timepicker components
Fix infinite re-render problem in the MDBSelect
Fix getValue method in the MDBSelect
Remove getSelectedItem method in the MDBSelect
Remove type='submit' property from buttons in the MDBDatepicker
Fix MDBDropdown behavior inside the MDBStepperContent component
Fix MDBStepperContent resizing behavior
Fix MDBStepper problem with MDBValidation
General MDBCalendar fixes
Refactor the MDBCarousel component

Version v1.4.0, released 20.09.2021

New:

Fixes and improvements of React components (including Modal, Datepicker, Timepicker, SideNav, Select, Table Editor, Input and Autocomplete

Version v1.3.0, released 09.08.2021

Fixed & improved:

Added multiple select label customization
Fixed uncontrolled input behaviour
Fixed popconfirm outside click
Fixed radio Toggle buttons example
Optimized MDBReact Pro pack
Improved Table editor plugin data management

Version v1.2.0, released 26.07.2021

New:

Table Editor Plugin
Theming installation guide

Fixed & improved:

Fixed z-index problem with popover and select

Version v1.1.0, released 12.07.2021

Fixed & improved:

Fixed multiselect checkbox selection in MDBSelect
Fixed MDBReact docs examples
Fixed MDBLightbox animation and resize
Corrected fixed property in MDBNavbar
Removed default button type from MDBBtn
Fixed property types in MDBCharts

Version v1.0.0, released 28.06.2021

Fixed & improved:

Add improvments for setting color in MDBToast
Expired MDBToast and MDBAlerts will be dynamically deleted from state and DOM
Add validation to MDBSelect
New MDBModal - fixed animations, improved backdrop and popover usage
Add animations to MDBLightbox
Add keyboard navigation to MDBLightbox
Add caption to MDBLightbox
Update docs with customization examples for MDBLightbox
Add sortField and sortOrder properties to enable default sorting in MDBDatatable

New components:

Version v1.0.0 Beta 7, released 14.06.2021

New features:

Styles will be synchronized with MDB 5 Standard 3.7.1
Add size property to the MDBSelect

New components:

Version v1.0.0 Beta 6, released 31.05.2021

New features:

Buttons will have ripple initialized by default
Styles will be synchronized with MDB 5 Standard 3.6.0

New components:

Fixed:

Fixed small Fille Input label
Fixed Button, Navbar, Drodown, Modal, Checkbox, Hover Effects and Ripple documentations

Version v1.0.0 Beta 5, released 17.05.2021

New components:

Version v1.0.0 Beta 4, released 04.05.2021

New features:

Stacking for toasts and alerts

New components:

Version v1.0.0 Beta 3, released 19.04.2021

New components:

Version v1.0.0 Beta 2, released 06.04.2021

New components:

Version v1.0.0 Beta 1, released 22.03.2021

New components:

Fixed:

Fixed keyboard accessibility in Select with search
Fixed multiselect
Now dropdowns will jump above toggler, when there's no space below.

Version v1.0.0 Alpha 4, released 08.03.2021

New components:

Changes:

Scrollbar

Changed syntax of the Scrollbar component from <MDBPerfectScrollbar> to <MDBScrollbar>

Fixed:

Fixed typos in Sidenav documentation
Fixed typos in Modal documentation
Fixed typos in Navbar documentation
Fixed typos in Input Fields documentation
Fixed typos in Radio documentation
Fixed typos in Checkbox documentation
Fixed typos in Tooltip documentation
Fixed typos in Dropdown documentation
Fixed issue with Scrollbar on small screens in Sidenav
Fixed textarea tag in Input Fields
Fixed issues with keyboard navigation in Select
Fixed issues with options width in Select

Version v1.0.0 Alpha 3, released 22.02.2021

New components:

Version v1.0.0 Alpha 2, released 25.01.2021

New components:

Version v1.0.0 Alpha 1, released 11.01.2021

The initial release of MDB 5 React Alpha 1 integrated with MDB 5 Standard 3.0.0.

New components:

New sections:

Layout
Utilities
Content & styles