Released: Nov 6, 2023

Updates in MDB Pro React v7.0.0

Features

• 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 the dependencies.
• 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.
  • Added animate, onEnd.
• Carousel:
  • Created MDBCarouselCaption component.
• 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).
• Calendar
  • Added events prop.
• File upload
  • Created files and onChange to enable controlling value.
• Select
  • Improved onClose and onOpen events triggering.
• Popover
  • Improved managing open state with open property.

Fixes

• Timepicker:
  • Renamed show to open & fixed controlling open state with it.
• Datepicker:
  • Removed enableTarget, target, setTarget.
• Carousel:
  • Removed props: src, video, captionClassName from MDBCarouselItem.
• Alerts & Toasts:
  • Changed open prop to always define the state of the component (controlled).
• Chips
  • Fixed adding new chip after input blur.
• Drag & drop
  • Fixed touch events.
• Autocomplete
  • Removed scrollIntoViewIfNeeded() because it was not supported on some browsers.
• 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.