Version v7.0.0, released 16.09.2024

This version requires Angular v18. Follow the Angular Update Guide to migrate your project to Angular 18.

Breaking changes:

• Updated Angular to v18, this version is required in MDB Angular v7
• Checkbox - changed margin-right style from 4px to 6px in .form-check-input element
• Forms - added padding-left: 0.15rem style to .form-check-label element
• Switch - changed margin-right style from 4px to 8px in .form-check-input element
• Progress - added box-shadow: none style to .progress element
• Input group - added flex-wrap: nowrap style to .input-group element
• Datepicker - changed scss variable $datepicker-small-cell-content-width value from 36px to 40px
• Range:
  • Added box-shadow: none style to .form-range ::-webkit-slider-runnable-track element
  • Added box-shadow: none style to .form-range ::-moz-range-track element
• Captcha:
  • Changed error event name to captchaError
  • Changed expire event name to captchaExpire
  • Changed success event name to captchaSuccess
• Timepicker:
  • Redesigned clock's page HTML structure and styles
  • Arrow icons are now displayed when hour/minute buttons are hovered in inline mode
• Treeview:
  • Redesigned entire HTML structure
  • Replaced li element with mdb-treeview-item
  • Removed the <div class="treeview"> wrapper element from the entire component
  • Removed the checkboxesField input
  • Added public MdbTreeviewColor type for color input
  • Added new mechanism of setting the arrow icon with collapseIcon property
  • Added keyboard navigation handling

Fixes and improvements:

• Multi range - resolved problem with TouchEvent in Firefox
• Select - resolved problem with unhandled tabindex input
• Onboarding - resolved problem with initializing onboarding with delay after navigating to another page
• Input fields - resolved problem with displaying value after setting value programmatically in all inputs with built-in placeholder (like datetime-local or time)
• Datatable - resolved problem with showAllEntries input not working properly with entries input
• Timepicker - resolved problem with ArrowUp, ArrowDown key presses not working upon opening timepicker
• Datepicker:
  • Resolved problem with returned form control values for empty or invalid input values
  • Resolved problem with closing datepicker with input toggle
• Calendar:
  • Resolved problem with unpreserved event IDs on edit
  • Resolved problem with dragging in readonly mode
  • Resolved problem with view selection when non-default captions are used
  • Resolved problem with rendering period in proper format in Month view

New features:

• Dropdown - added MdbDropdownPositionClass type to public API
• Modal - added focusElementSelector property to open method's options for specifying the element to focus on modal opening
• Calendar:
  • Added addEventButtonCaption property to options input for setting custom caption for add event button
  • Added MdbCalendarViews Enum to public API