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 9.0.0, released 16.09.2024

    Fixed & improved:

    • Datepicker:
      • fixed buttons outline bug after focus
      • fixed activeDate reseting on picker open
    • Timepicker: fixed activeDate reseting on picker open
    • DateTimepicker: fixed picker styling on small screens
    • Input fields:
      • fixed background after autocomplete
      • fixed the placeholder display for input fields of type: time, datetime-local, month, week
    • Modal: removed .fade and .show CSS class to prevent double animation in Firefox
    • Multi item carousel: fixed first element animation
    • Popconfirm: added open and close animation in modal mode
    • Sidenav: fixed link styles not using variables
    • Treeview: fixed checkbox click toggling collapse
    • Vector maps: fixed zoom buttons shadow
    • WYSIWYG editor:
      • added preventive values to .wysiwyg-content class
      • fixed the method for setting text and background colors — the `font` tag will no longer be used.

    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

    See legacy docs for this version

    Features:

    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:
    • 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

    See legacy docs for this version

    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

    See legacy docs for this version

    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:

    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:

    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:

    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:

    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