Version v7.0.0, released 13.10.2025

Breaking changes:

• Older theming styles are no longer supported, use new color modes instead
• Cards - property bg adds text-bg-${props.bg} class instead of bg-${props.bg}
• Datatables - removed dark property
• Footer - changed default bg prop value from light to body-tertiary
• Navbar - removed dark and light properties
• Popconfirm - changed cancel button color from flat to secondary
• Stepper - removed bg-light class from mobile step footer and header
• Table editor - removed dark property

Design updates:

Introduced a new theming system that allows setting the theme for the entire page, its parts, or selected elements using data attributes

Read Color modes page to learn more about new theming

New features

• Charts - added darkmode handling with new customizable properties
• Onboarding - added static setting for backdrop
• Popconfirm - added new cancelBtnClasses and confirmBtnClasses props that allow customizing the button styles
• Progress - added Progress Circular examples available by adding circular prop to the component

Fixed & improved

• Calendar - fixed showing tooltips and add/edit modals on mobile devices
• Datatable - fixed issue with providing falsy values in advanced data structures
• Datepicker :
  • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop
  • Fixed toggle icon position on Firefox
• DateTimepicker :
  • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop
  • Fixed layout issue where the Clear button overlapped the last row of days in certain months
  • Fixed toggle icon position on Firefox
• Drag and drop - fixed issue with addItem method that caused last sortable item not dragging properly at the first drag attempt
• Dropdowns - fixed cursor styling for items wrapped in router-link ("to" prop)
• eCommerce gallery - fixed zoom effect issues
• Input Mask - fixed issue with pasting values to the input
• Multi Range Slider - fixed issue with range sliders when both handles were at the same position
• Onboarding - fixed scroll behavior for container examples
• Sidenav - Fixed uncollapsing parent items on lower levels based on page url
• Select :
  • Fixed accessibility attributes
  • Added clearButtonLabel prop for customizing aria-label for clear button
  • Fixed invalid and valid input styling when focused
• Stepper - Fixed stepper content animations for content including inputs
• Table editor - disabled pagination select when adding or editing a row
• Timepicker :
  • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop
  • Added aria-label attributes to clear, cancel and ok buttons
  • Fixed toggle icon position on Firefox

Other

• Updated mdb-vue-ui-kit in plugins
• Dependencies update for main ui kit package and plugins