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 8.0.0, released 15.04.2024

Features:

• Autocomplete - Changed onSelect to return option data instead of string value only

Fixed & improved:

• Improved dev repository to facilitate plugins development and testing
• DateTimepicker:
  • Removed props: defaultTime, defaultDate, , dateFormat, timeFormat. These options can be passed through timepickerOptions and datepickerOptions.
  • Removed inputRef. Input reference can be reached with forwardRef.
• Timepicker:
  • Fixed disabling scroll on mobiles in modal mode
  • Fixed bug causing hour not to be selected after click on the clock
  • Fixed issue causing z-index to be not applied correctly
• Select:
  • Props will be spread on the input instead of the div wrapper
  • Fixed triggering 'onChange' when keyboard is used on the closed select
• Transfer - Fixed bug causing endless loop when the data was undefined.
• Stepper:
  • Fixed height calculating in horizontal mode
  • Added validating all form controls in stepper linear
• Collapse - Fixed height calculating when collapse is not initially visible
• Modal:
  • Fixed bug causing 'undefined is not iterable' error for leaveHiddenModal=false
  • Fixed a bug causing the backdrop not to be displayed when the modal was quickly closed and reopened
  • Fixed triggering onOpen and onClose events
  • Removed setOpen. Modal will accept only the open prop to manage the open state. Use onClose event to control it.
• Popconfirm - Added focus trap and improved keyboard accessibility
• Calendar - Migrated from SelectDeprecated to Select
• Dummy - Migrated from SelectDeprecated to Select
• TableEditor - Migrated from SelectDeprecated to Select
• Treeview - Fixed collapse animation
• Toast - Updated background colors
• Lightbox - Removed fontAwesome option

Version 7.2.0, released 29.01.2024

Features:

• Tooltip - added type prop
• Added disablePortal option in the following components:
  • Popover
  • Lightbox
  • Datepicker

Fixed & improved:

• Perfect Scrollbar:
  • Removed react-perfect-scrollbar dependency and created custom component implementation
  • Fixed 'relative imports outside of src/ are not supported' error in Next.js src/ project
• Created custom createPortal implementation to prevent SSR related issues in the following components:
  • Popover
  • Timepicker
  • Dropdown
  • Alert
  • Lightbox
  • Loading management
  • Autocomplete
  • Select
  • Datepicker
  • Toast
  • Popconfirm
  • Tooltip
  • Select
• Select:
  • Fixed bug when selectData was being changed during option selection
  • Fixed keyboard accessibility bug when the selected option had no value
• Timepicker:
  • Added handlers for arrowLeft & arrowRight events in timepicker 24h modal mode to make changing hour with the keyboard easier
  • Fixed a bug causing the sidenav to be above the backdrop until the timepicker animation was complete

Version 7.1.0, released 08.01.2024

New component:

• MDBClientOnly - Dedicated for environments using server side rendering, like Next.js. Used to evaluate component's code only on the client side and prevent SSR related errors.

Features:

• Select:
  • Added new events: onOpened, onClosed
  • Added animationVariants
  • Added searchFn to allow custom filtering
  • Added forwardRef to the input
• Dropdown - Added wrapper prop
• Checkbox - Added forwardRef to the input
• DateTimepicker - Added forwardRef to the input
• Datepicker - Added forwardRef to the input
• Timepicker - Added forwardRef to the input
• File - Added forwardRef to the input

Improved & fixed:

• Select:
  • Disabled clear button when the disable prop is set
  • Fixed keyboard accessibility for Select with Search - reseting active option when the filter query changes.
• Dropdown - Changed tabindex of all items to 0
• Timepicker:
  • Fixed bug causing page scroll when inline timepicker opens
  • Fixed keyboard accessibility
  • Fixed active class toggling for am/pm toggler
• Datepicker - fixed selectOnClick to close picker after selecting date
• Buttons - fixed styles for floating buttons with a tag
• Table editor - fixed pagination styles to be responsive
• Fixed --mdb-link-decoration CSS variable
• Sidenav:
  • Removed unexpected height change animation on window resize
  • Fixed icons styles
• Stepper - fixed height calculating in vertical mode

Version 7.0.0, released 06.11.2023

General

• Unified properties names. Changed show to open, onHide to onClose, and onShow to onOpen in all components
• Renamed dist output file extension from .js to .cjs
• Added type keyword to props export.
• Added displayName to the components.
• Added use client directive.
• Synced styles with MDB Standard 6.4.1.
• Added framer-motion library to our dependencies.
• Changed files structure in MDB5 Free repository

New features:

• DateTimepicker:
  • All timepicker's and datepicker's options are now available through datetimepicker!
  • Added new props: value, onDatepickerOpen, onDatepickerClose, onTimepickerOpen, onTimepickerClose
• Timepicker:
  • Added onClosed, onOpened
  • Renamed show to open & fixed controlling open state with it
  • Added value prop
• Datepicker:
  • Created onClosed, onOpened, open properties
  • Changing value will now affect activeDate inside datepicker
  • Animations - improved usage readability
  • Removed enableTarget, target, setTarget
  • Added animate, onEnd
• Carousel:
• Created MDBCarouselCaption component
• Removed props: src, video, captionClassName from MDBCarouselItem
• Stepper - Added activeStep
• Select:
  • Added onChange and marked onValueChange as deprecated
  • Added open property
• Alerts & Toasts:
  • Changed open prop to always define the state of the component (controlled)
  • Added defaultOpen to only set initial open state (uncontrolled)
• Chips - Fixed adding new chip after input blur
• Calendar - Added events prop
• File upload - Created files and onChange to enable controlling value
• Drag & drop - fixed touch events

Improved & fixed

• Autocomplete - Removed scrollIntoViewIfNeeded() because it was not supported on some browsers.
• Select - Improved onClose and onOpen events triggering.
• Popover - Improved managing open state with open property
• Dropdown - Fixed bug causing onHide event triggering even when dropdown was already closed.
• Timepicker - Fixed 'hour' mode not being properly reset after timepicker closing.
• Tooltip - Removed unused bs-[position] class
• Calendar - Fixed bug causing onChange triggering on the first render
• WYSIWYG editor - Fixed bug causing submitting form if the plugin was inside that form

Version 6.3.0, released 11.09.2023

New features:

• Select - Enabled opening select with alt + arrowDown combination
• Rating - Added value prop
• Autocomplete - Added open, onOpened, onClosed props
• Accordion:
  • Added prop active and extended initialActive by type of number[]
  • Added onChange event
• Popconfirm - Added open and onClose properties
• Sidenav - Added small option

Fixed & improved:

• Sidenav - Changed hardcoded padding-left to CSS variable
• Stepper - Fixed adjusting height when content is added dynamically
• Validation - Fixed isValidated not affecting component's state
• Datetimepicker - Updating input will now update Datepicker's activeDate
• Timepicker:
  • Fixed non-blocked scroll when modal is opened
  • Fixed keyboard accessibility in inline mode
• Select - Fixed focus border color in contrast mode
• Autocomplete - Fixed onClose event not triggering on outside click
• Colorpicker - Fixed slider displaying on Firefox

Version 6.2.0, released 07.08.2023

New features

• Carousel
  • Added carouselInnerClassName prop
  • Added interval option to the CarouselItem
• Tabs - Added tag prop to the TabsItem
• Datepicker - Added inputId prop
• Wysiwyg - Created onChange event to return formatted HTML
• Alert - Added onShow event

Fixed & improved:

• Changed defaultProps to ES6 destructuring syntax
• Carousel
  • Fixed double onSlide event triggering
  • Fixed a bug causing not clearing a slide-changing interval
• Select
  • Prevented select from crashing when the data is empty
  • Fixed preventFirstSelection option
• Dropdown - Fixed a bug preventing input value from being changed when it is inside a dropdown
• Input - Fixed invalid label displaying when the input was not visible at the moment of rendering
• Sidenav - Removed backdrop from sidenavs of type push and side
• Collapse - Fixed a bug causing collapse's height not adjusting after adding an extra content

Version 6.1.0, released 29.05.2023

New features

• Select
  • Added optionGroups
  • Added hidden
• Collapse - Added onShow and onHide events
• Dropdown - Enabled preventDefault() on onShow and onHide events
• Tooltip - Enabled preventDefault() on onShow and onHide events
• Table Editor - Enabled preventDefault() on onModify and onAdd events
• Timepicker - Added quick time change after a long press of the mouse button in inline mode

Fixed & improved:

• Styles will be synchronized with MDB 5 Standard 6.2.0
• Select
  • Improved keyboard accessibility
  • Fixed jumping label
  • Fixed toggling label's active class
  • Fixed lowercase/uppercase letters filter issue
  • Fixed input focusing on arrow click
  • Fixed validation
  • Improved stability
• Autocomplete
  • Fixed a popper bug for autocomplete inside stepper
  • Fixed jumping label
• Multi item carousel
  • Fixed 'slide up' animation
  • Fixed interval not reseting after manual slide change
• Modal - Fixed onHide event not working on outside click and ESC
• Calendar - Fixed closing the modal window when the mouseup event was triggered on backdrop
• Datatables - Fixed lowercase/uppercase letters filter issue
• Infinite scroll - Fixed a bug causing onInfiniteScroll not being triggered
• Onboarding - Fixed a bug causing incorrect state changes when the value of a controlled input in Onboarding changed

Version 6.0.0, released 27.03.2023

Breaking changes:

• We have changed the build tool from Rollup to Vite.
• We have replaced separate component modules files with one ES format file that gives the same possibilities

Fixed & improved:

• Added map files for css files
• Added css file with dark skin
• Datepicker
  • Added customHeader option
  • Fixed focusing after days/months/years view change
• Datatable
  • Fixed cell formating for String values
  • Fixed sorting issue for uppercase/lowercase
• Timepicker
  • Added bodyId option
  • Added headId option
  • Added switchHoursToMinutesOnClick option
  • Added amLabel and pmLabel options
  • Added Date as a available type for the defaultTime option
• Multirange
  • Fixed updating component after defaultValue change

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:

• Onboarding plugin
• Multi item carousel plugin
• Chips component

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:

• WYSIWYG Editor plugin
• Transfer plugin

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:

• Mention plugin
• Filters plugin
• Storage management plugin
• Cookies management plugin

Fixed & improved:

• Fix MDBSelect component inside the MDBDatatable pagination

Version v1.5.0, released 18.10.2021

New:

• Treeview Plugin
• File Upload Plugin

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:

• Calendar Plugin
• Drag and Drop Plugin
• Vector Maps Plugin

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:

• Accordion
• Animated Navbar
• Charts advanced

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:

• Lightbox
• Popconfirm
• Smooth Scroll

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:

• Touch
• Lazy Loading
• Infinite Scroll
• Sticky
• Loading management
• Autocomplete

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:

• Rating
• Stepper

Version v1.0.0 Beta 4, released 04.05.2021

New features:

• Stacking for toasts and alerts

New components:

• Charts
• Datatables

Version v1.0.0 Beta 3, released 19.04.2021

New components:

• Alerts
• Carousel
• Toasts

Version v1.0.0 Beta 2, released 06.04.2021

New components:

• Timepicker
• Datepicker

Version v1.0.0 Beta 1, released 22.03.2021

New components:

• Switch
• Range
• File
• Input group
• Validation
• Ripple
• Tabs
• Pills

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:

• Animations
• Scrollspy
• Advanced Modal

Changes:

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:

• Modal
• Select
• Sidenav
• Scrollbar

Version v1.0.0 Alpha 2, released 25.01.2021

New components:

• Collapse
• Dropdown
• Popover
• Tooltip
• Checkbox
• Input
• Radio

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:

• Badges
• Buttons
• Button group
• Cards
• List group
• Progress
• Spinners
• Tables
• Breadcrumb
• Footer
• Headers
• Navbar
• Pagination

New sections:

• Layout
• Utilities
• Content & styles