MDB 5 Angular Changelog

Don't miss MDB Angular 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 v7.1.0, released 18.11.2024

    Fixes and improvements:

    • Timepicker
      • Resolved problem with close method being called twice on component close
      • Fixed dark theme styles in inline mode
    • Datepicker
      • Added aria-disabled attributes to elements that display disabled dates
      • Fixed aria-label attribute value in the element used to display day value
      • Resolved problem with adding aria-selected attribute to the element that display day value
    • Select
      • Fixed disabled options styles in custom theme
      • Resolved problem with opening dropdown on space key press
      • Added aria-label and aria-labelledby attributes to the component
      • Fixed value returned by (deselect) event
    • Autocomplete
      • Fixed aria-expended attribute values for opened and closed menu
      • Fixed problem where component menu was opening even when input was disbled
    • Transfer
      • Fixed events output for target container
      • Fixed checkboxes styles
    • Range - fixed thumb position on component init
    • Onboarding - added fix to prevent memory leak after component destroy
    • Input mask - fixed a problem with value formatting when pasting all content into input at once
    • Vector maps - fixed shadow styles in zoom buttons
    • Wysiwyg - fixed dropdown menu alignment
    • Dropdown - fixed aria-expended attribute values for opened and closed menu
    • Sidenav - fixed problem with focus trap when the last focused element is inside the component content

    New features:

    • Timepicker
      • Added new showClearBtn input
      • Added new (clear) event that will be fired after using Clear button
    • File upload
      • Added svg and webp extensions to the list of allowed file types for default preview
      • Added new datepickerOptions that allow to define options for the date pickers used by the plugin
    • Select - added new (search) event that will be fired after using search input
    • Datepicker - added new (viewChanged) event that will be fired on component view change
    • Progress - added new circular version of the component

    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

    Version 6.1.0, released 27.05.2024

    See legacy docs for this version

    Fixes:

    • Multi range
      • Fixed problem with thumb limiting logic when using custom step
      • Fixed problem with updating thumb positions via form controls
    • Popconfirm - added focus trap
    • Autocomplete - restored native shift + home and shift + end keys behavior (open/close dropdown)
    • Select - added support for opening and closing dropdown with alt + arrow-up and alt + arrow-down keys

    New features:

    • Table pagination - added new page input that allows to set page number
    • Multi range - added new highlightRange input that allows to highlight range
    • Parallax - added new container input that allows to set wrapper element for parallax effect

    Version v6.0.0, released 15.01.2024

    This version requires Angular v17. Follow the Angular update guide to migrate your project to Angular 17.

    Breaking changes:

    • Updated Angular to v17, this version is required in MDB Angular v6
    • Calendar - changed type of defaultView input from string to MdbCalendarView
    • Datepicker - changed type of options input from any to MdbDatepickerOptions
    • Timepicker
      • Changed type of options input from Options to MdbTimepickerOptions and made all parameters optional
      • Changed SelectedTime type name to MdbTimepickerSelectedTime and added this type to public exports
    • Popover - removed unused template input
    • Sidenav
      • Changed return type of all events from MdbSidenavComponent to void
      • Removed redundant li element from MdbSidenavItemComponent template
    • Transfer
      • Changed onSearchOutput event name to searchOutput
      • Changed selectOutput event name to selectOutput
      • Changed onChange event name to listChange
      • Changed onSearch event name to itemSearch
      • Changed onSelect event name to itemSelect

    Fixes:

    • Sidenav - removed height animation transition
    • Select - blocked input clearing in disabled component
    • Input fields - resolved problem with default label position in all inputs with built-in placeholder (like datetime-local or time)
    • Lightbox - resolved problem with component removal from DOM after using browser's back button
    • Timepicker - resolved problem with font size in landscape view

    New features:

    • Select - added new inputId and inputFilterId inputs that allow to declare ids for input elements

    Version v5.2.0, released 04.12.2023

    See legacy docs for this version

    Fixes and improvements:

    • Resolved problem with components rendering when using Server Side Rendering
    • Resolved problem with overlay when using menuPositionClass in Dropdown
    • Replaced hardcoded padding-left value in Sidenav link with a value from CSS variable
    • Replaced hardcoded box-shadow, border-color and background-color values in Buttons with a values from CSS variables
    • Timepicker
      • Fixed the button press behavior to consider the duration of the press
      • Removed the default scroll effect from the arrow keydown events in inline mode
    • Fixed events types for opened and closed events in Datepicker
    • Resolved problem with initial value in Rating
    • Multi Range Slider
      • Resolved problem with thumbs position updates on ngModel or formControl value changes
      • Added thumbs position constraints so that the position of a given thumb is limited by its counterpart
    • Resolved problem with the Host already has a portal attached error in Wysiwyg

    New:

    • A new MdbSidenavMenuDirective directive has been added to Sidenav allowing to create multiple menus within one component
    • A new size input has been added to Select allowing to change input size to sm or lg

    Version v5.1.0, released 09.10.2023

    Fixes and improvements:

    • Datatable
      • Added missing cursor: pointer styles to clickable rows
      • Resolved problems with pagination width styles
      • Resolved problems with page number calculation in pagination
    • Sidenav
      • Resolved problems with accessibility
      • Removed the need to define template variables in HTML template
      • Adjusted padding in slim version to correctly display link icon and arrow
    • Tabs
      • Improved animation smoothness
      • Added MdbTabChange event type to public exports
    • Datepicker
      • Resolved problem with disabled input
      • Resolved problem with disabling and enabling component via Reactive Forms methods
      • Removed border styles from focused buttons
    • Timepicker
      • Resolved problem with disabling and enabling component via Reactive Forms methods
      • Resolved problem with border radius styles
    • Autocomplete
      • Removed auto highlight from first option
      • Resolved problems with input and dropdown keyboard navigation when using HOME and END keys
    • Multi Range
      • Resolved problem with component render in apps using Angular 16
      • Resolved problem with unhandled endDrag event
    • Onboarding
      • Resolved problem with component render in apps using Angular 16
      • Resolved problems with popover styles
      • Fixed event types
      • Fixed event emitted when jumping to next step
    • Treeview
      • Improved animation smoothness
      • Added correct types to public events
      • Resolved problem with accordion option
      • Resolved problem with openOnClick option
      • Improved accessibility
    • Resolved problem with styles of anchor elements used as floating buttons
    • Resolved problem with adding new Chips on blur event
    • Resolved problem with Dropdown menu position
    • Fixed focus styles in Select with form-white class
    • Resolved problem with position of bottom frame non-invasive Modal
    • Fixed type of infiniteScrollCompleted event in Infinite scroll
    • Added mechanism to handle dynamic updates in Input Mask plugin
    • Resolved problems with Color Picker plugin styles and slider in Firefox browser
    • Resolved problem with Parallax plugin render in apps using Angular 16
    • Fixed event types and unhandled events in Drag and Drop plugin
    • Resolved problem with reverting lists transformation in WYSIWYG editor plugin
    • Resolved problem with changeView method in Calendar plugin
    • Added types to public exports in Data parser plugin

    New:

    • Added new Treetable plugin
    • Added mechanism that allow to add context for ng-template template in Popover
    • Added new showAllEntries option to Datatable pagination
    • Added new filterFn option to Select
    • Added new directive that allow to create a custom header in Datepicker
    • Added new positionClass and menuPositionClass options to Dropdown
    • Added new disabled input that allow to disable Accordion items
    • Added mechanism that allow to define custom icon template with ng-template in Datepicker and Timepicker
    • Added mechanism that allow to define custom header template with ng-template in Stepper
    • Added new $link-decoration and --mdb-link-decoration variables to make it easier to customize text-decoration styles for anchor elements
    • Added new inputs for disabling specific features in Calendar plugin

    Version v5.0.0, released 26.06.2023

    This version requires Angular v16. Follow the Angular update guide to migrate your project to Angular 16.

    Dependencies:

    • Updated Angular to v16, this version is required in MDB Angular v5
    • Updated Bootstrap to 5.2.3 version.

    Design changes:

    • Changed arrow styles in Select input
    • Slightly changed hover styles in outline buttons to make them more elegant and subtle

    Fixes and improvements:

    • Fixed problems with schematics installation in MDB Angular Free version
    • Fixed problem with display of Sidenav item when its content is translated with the translate pipe from the @ngx-translate library
    • Fixed position of smaller icons in relation to the text in Rating

    New:

    • Converted MDB components to CSS variables
    • Added SCSS and CSS variables for mdb-option and mdb-option-group components
    • Added access to the underlying component instance from ref element in Modal, Popconfirm, Alerts and Toasts

    Version v4.1.0, released 24.04.2023

    See legacy docs for this version

    Fixes and improvements:

    • Fixed default value display in Autocomplete when the value is an object
    • Timepicker
      • Fixed focus trap
      • Fixed keyboard navigation in inline mode
      • Fixed the problem with minTime and maxTime range
    • Fixed Ripple effect on inputs styled as buttons
    • Fixed background colors of Toasts and Alerts in MDB theme
    • Modal
      • Fixed the problem with scrollbar on bottom frame modal init
      • Removed rounded corners from frame modals
      • Removed unnecessary body scroll when using scrollable modal
    • Datatable
      • Removed ability to focus disabled buttons in pagination
      • Fixed the problem with case-sensitive sorting
    • Fixed the problem with hiding buttons in the Wysiwyg toolbar
    • Fixed problem with event types in Select
    • Fixed problem with Rxjs operators import paths in all the components and plugins

    New:

    • Added new Data Parser plugin
    • Added new Organization Chart plugin
    • Added new Captcha plugin
    • Added new Chips component
    • Added new [collapsible] input to Scrollspy
    • Added new [disableWindowScroll] input to the Sidenav
    • Added new non-invasive Modal
    • Datatable
      • Added new [forceSort] input that allow to disable sort reset on third click
      • Added new [disableSort] input that allow to disable a specific sort header
      • Added new [disabled] input to pagination component
    • Datepicker
      • Added new [removeOkBtn], [removeCancelBtn] and [removeClearBtn] inputs that allow to remove specific buttons from the component footer
      • Addew new [confirmDateOnSelect] input that allow to select date without a confirmation by click on Ok button

    Version v4.0.0, released 09.01.2023

    This version requires Angular v15. Follow the Angular update guide to migrate your project to Angular 15:

    Design updates:

    Our basic color palette has been updated. We toned down our colors to be less flashy and more elegant and subtle. This affects virtually all of our components, so be aware of this before upgrading your project to v4.0.0.

    Read colors docs to learn more about new palette.

    Breaking changes:

    • Added support for Angular 15, this Angular version is now required,
    • Improved buttons
    • Improved existing accordion and added new examples
    • Improved stepper design
    • Improved badges design and added new examples
    • Improved popovers and popconfirm design
    • Removed default configuration of chartjs-plugin-datalabels from charts, all plugins must be now registered before use

    Fixes and improvements:

    • Resolved problem with scrollbar initialization on element with a mdbScrollbar directive
    • Removed unnecessary border animation on initialization of mdb-form-control component
    • Resolved problem with global registration of controllers and plugins in charts
    • Improved types in mdbChart directive inputs
    • Added some fixes to the transfer plugin
      • Improved 'select all' option implementation
      • Resolved problems with with value updates in search bar input
      • Resolved problems with component view updates when using pagination
    • Improved theme styles in the following components
      • List group
      • Pagination
      • Datepicker

    New:

    Version v3.0.1, released 05.12.2022

    Fixes and improvements:

    • Timepicker
      • Removed border styles displayed on focused elements
      • Resolved problems with keyboard navigation
    • It will be now possible to jump to any step in linear stepper, as long as all previous steps are completed
    • Resolved problems with acceptedExtensions in file upload plugin
    • Select all option will now select/deselect only filtered options when used inside a select component with filter
    • Events itemShown and itemHidden in accordion will be now correctly emitted after animation end
    • Resolved problem with close animation in popconfirm
    • Resolved problem with value returned to autocomplete form control on option selection
    • Resolved problem with wrong page value returned by (paginationChange) event in datatable
    • Increased backdrop z-index in onboarding plugin
    • Resolved problem with autohide option in Toast, notification will be removed only if it is not hovered
    • Added default padding to the content container in WYSIWYG editor plugin
    • Resolved problem with Angular dependencies versions in schematics installation

    New:

    Version v3.0.0, released 10.10.2022

    This version requires Angular v14 and Node 14.15.0 (or later). Follow the Angular update guide to migrate your project to Angular 14:

    Breaking changes:

    • Added support for Angular 14, this Angular version is now required,
    • Removed ~ from styles imports, this syntax is now deprecated
    • Updated calendar plugin:
      • redesigned toolbar, events, views and modals
      • replaced view toggle buttons with select
      • created an Add event button
      • added blur option to style past events
      • improved long events styling
      • improved responsiveness
    • Design changes:

    Fixes and improvements:

    • Lightbox
      • Resolved problems with zoom
      • Resolved problems with swipe on mobile devices
      • Resolved problem with display of smaller images
      • Fixed image position in fullscreen mode
      • Disabled elements will no longer be displayed inside the component modal
    • Fixed problems with rebuild method in charts
    • Replaced hardcoded color values with SCSS variables in autocomplete and select
    • Resolved problem with carousel animations inside a component with OnPush change detection strategy
    • Position of dropdown menus in all components will be now correctly updated on scroll event
    • Resolved problem with fade animation in tabs
    • Label values in select will be now dynamically updated on option label change
    • All event listeners in the WYSIWYG plugin will be now correctly removed when component is destroyed
    • Resolved problem with input label position when browser autofill is used

    New:

    Design updates:

    • Updated icon colors of basic light navbar and footer with secondary color
    • Added new horizontal dividers classes .hr and .hr-blurry
    • Updated styles of vertical divider class .vr and add new class .vr-blurry
    • Added new sidenav with menu categories and class .sidenav-sm
    • Added new object-fit and object-position utilities

    Removed:

    • Deprecated button close classes. Old: .close. New: .btn-close and .btn-close-white
    • Deprecated embed classes. Old: .embed. New: .ratio
    • Deprecated flag classes. Check flags docs
    • Deprecated utils

    Deprecated:

    • .divider-horizontal and .divider-horizontal-blurry
    • .divider-vertical and .divider-vertical-blurry

    Version v2.3.0, released 27.06.2022

    Fixes and improvements:

    • Sidenav
      • Resolved problems with arrow position updates in slim mode and accordion mode
      • Resolved problem with initialization of component with [right]="true" and [hidden]="false" options
      • Fixed problem with long content display in component with [right]="true" option
    • Fixed problems with long label positioning in checkbox, switch and radio
    • Resolved problem with multiple paginationChange events emitted on datatable initialization
    • Resolved problems with pagination and accordion styles when using theme
    • Fixed problem with max file quantity in file upload plugin with multiple mode
    • Resolved problem with first option highlight in select with a [highlightFirst]="false" option
    • Added type="button" to the 'insert horizontal line' button in WYSIWYG to resolve problem with form submit
    • Zero-length tooltip and popover will no longer be displayed
    • Fixed problem with multiple (selected) events emitted after click on autocomplete option

    New:

    • Added new onboarding plugin
    • Stepper
      • Added possibility to block step navigation on step header click
      • Added possibility to edit buttons and header text in mobile mode
    • Added new --mdb-bg-opacity CSS variable
    • Added optional auto select on tab-out in select and autocomplete
    • Added list group new variant with .list-group-light class
    • Added .table-group-divider and .table-divider-color classes to emphasize the separation of thead from tbody
    • Added new .divider-horizontal, .divider-vertical, .divider-horizontal-blurry and .divider-vertical-blurry classes

    Version v2.2.0, released 16.05.2022

    Fixes and improvements:

    • Datepicker - resolved problem with returned month value when m format is used,
    • Treeview - resolved problem with (selected) event emit when selecting checkbox,
    • Select - resolved problem with keyboard navigation and option highlight after filter input is used.
    • Charts - resolved problem with chart options being overriden by options defined for other charts,
    • Range - resolved problem with thumb position update after change in ngModel or formControl

    New:

    Version v2.1.0, released 11.04.2022

    Fixes and improvements:

    • Datepicker - resolved problem with validation of date typed into input,
    • Sidenav - removed unnecessary transition animation on initialization in slim mode,
    • File upload plugin - fixed typo in main error message,
    • Carousel/Lightbox - updated icons styles for Font Awesome v6.

    New:

    Version v2.0.0, released 28.02.2022

    Breaking changes:

    • Added support for Angular 13, this Angular version is now required,
    • Sidenav - removed support for automatic item expansion based on an active link (in our documentation you can find information on how to achieve this effect using methods provided by Angular Router).

    Dependencies:

    • Updated Font Awesome to v6.0.0.

    Fixes and improvements:

    • Toasts/Alerts - resolved problem with positioning when stacking and position bottom options are used,
    • Select/Datepicker - resolved problems with input, label and icons styles when form-white class is used on mdb-form-control component,
    • Select - resolved problem with selection when multiple options have the same label (in some cases component incorrectly displayed option value instead of option label in input),
    • Datatable pagination - component will now display correct information when data source is empty.

    New features:

    • Tabs - added new [navColumnClass] and [contentColumnClass] inputs that allow to customize width of the navigation and content sections in vertical mode.

    Version v1.6.1, released 24.01.2022

    Optimization:

    • Documentation migration from Wordpress to Hugo,
    • Updated code in snippets in documentation to work properly with tsconfig strict settings.

    Fixes and improvements:

    • Input - resolved problem with label position in input with type="date",
    • Datepicker/Timepicker - improved backdrop animation (removed unnecessary delay),
    • Datepicker - resolved problem with navigation using previous/next arrows when min and max date is specified,
    • Sidenav - animation of the collapsed item in slim mode will be now in sync with animation of the menu (previously there was unnecessary delay)
    • Select - list of filtered options will be now correctly reset after the dropdown menu is closed,
    • Treeview plugin - click on checkbox will no longer change collapsed state of the node,
    • Treeview plugin - checked state of the checkox in parent node will be now in sync with the checkboxes in child nodes.

    Version v1.6.0, released 27.12.2021

    Dependencies:

    • Updated Bootstrap to 5.1.3 version.

    Fixes and improvements:

    • Charts - resolved problem with chartjs-plugin-datalabels configuration,
    • Carousel - component should now work correctly inside components with OnPush change detection strategy,
    • Table - updated dataSource type to resolve problem with asynchronous data and async pipe,
    • File upload plugin - resolved problem with extensions handled by the acceptedExtensions input,
    • Popconfirm - target element will be now optional in modal display mode,
    • Sidenav - resolved problem with child.querySelector is not a function error when using ngFor directive to render sidenav items,
    • Popover - mdbPopover input will now correctly accept value with TemplateRef type.

    New:

    • Dropdown - added new closeOnOutsideClick, closeOnItemClick, closeOnEsc inputs that allow to configure menu closing actions,
    • File upload plugin - added a new reset method that allow to reset component state to default settings.

    Version v1.5.1, released 22.11.2021

    Fixes and improvements:

    • Toast/Alert - resolved problem with stacking and close animation,
    • Modal - resolved problem with closing when mouseup event is detected outside the component,
    • Sidenav - setting [hidden] input to false will no longer trigger component animation,
    • Sidenav - resolved problem with arrow rotation update when [collapsed]="false" is used,
      • ,
    • Sidenav - removed focus trap in side and push modes,
    • Sidenav - default position will be now correctly set to `fixed`,
    • Input - resolved problem with border top gap recalculation when used inside a dynamically loaded component (such as tabs),
    • Overlay - resolved problem with z-index in components using overlay (e.g. modal, popconfirm, tooltip, components with dropdown menus). The components will be correctly displayed above the elements with sticky/fixed styles,
    • Charts - fixed default options and resolved problem with custom options merge.

    New:

    • Added Admin Dashboard templates.

    Vector maps 1.1.0

    • Resolved problem with automatic updates of colors defined in colorMap,
    • Resolved problem with tooltip display when [hover]="false" is used.
    • Added possibility to display custom tooltips.

    Version v1.5.0, released 02.11.2021

    New:

    Version v1.4.0, released 18.10.2021

    New:

    Version v1.3.0, released 04.10.2021

    New:

    Fixes and improvements:

    • Popover/Tooltip - resolved problem with closing component when quickly moving mouse over trigger element.

    Version v1.2.0, released 20.09.2021

    New:

    Version v1.1.0, released 06.09.2021

    Fixes and improvements:

    • Table pagination - resolved problem with disabled state of next button,
    • Input - resolved problem with disabled state updates using Angular form control methods,
    • Table - resolved problem with default filter function,
    • Datepicker - resolved problem with disabled state of toggle button,
    • Timepicker - resolved problem with setting default value in component with 24h format,
    • Sidenav - resolved problem with Cannot read property destroy of undefined error,
    • Select - resolved problem with disabled state of checkboxes in options,
    • Select - resolved problem with closing modal on clear button click,
    • Dropdown - menu will be now closed correctly on item click.

    New components:

    New features:

    • Table pagination - added new rowsPerPageText input that allow to change default 'Rows per page' text

    Version v1.0.0, released 09.08.2021

    In this version we introduced some breaking changes, please check Breaking changes section and update your application accordingly.

    Breaking changes:

    • Inputs - removed margin-bottom styles from inputs with validation classes.

    Fixes and improvements:

    • Select - dropdown will be correctly removed on component destroy,
    • Select - resolved problem with select-all option state on component initialization,
    • Select - resolved problem with selection of options with false values,
    • Dropdown - resolved problem with opening component on icon click,
    • Toasts/Alerts - resolved problem with z-index,
    • Popconfirm - resolved problem with onClose and onConfirm events,
    • Loading management - backdrop will be correctly removed on component destroy when fullscreen option is used,
    • Timepicker - resolved problem with setting default value using Angular form controls,
    • Datepicker - previous/next button disabled state will be now correctly updated on component initialization,
    • Datepicker/Timepicker - click on toggle button will no longer submit form,
    • Datepicker/Timepicker - resolved problems with valueChanges event and validation status updates,
    • Datatables - resolved problem with scroll position when component is rendered inside a tab.

    New components:

    Version v1.0.0 Beta 8, released 12.07.2021

    In this version we introduced some breaking changes, please check Breaking changes section and update your application accordingly.

    Breaking changes:

    • Popover - [template] input will now accept value of type TemplateRef and can be used to display ng-template content.

    Fixes and improvements:

    • Toast - component will no longer throw error after reopening,
    • Toast - stacked components will now slide up automatically,
    • Sidenav - resolved problem with auto expand when route has route parameters,
    • Dropdown - opened menu will be now correctly destroyed on route change,
    • Table pagination - resolved problem with data automatic updates after change in [entryOptions] input.

    New components:

    New features:

    • Popover - added possibility to add custom template using ng-template.

    Version v1.0.0 Beta 7, released 28.06.2021

    In this version we introduced some breaking changes, please check Breaking changes section and update your application accordingly.

    Breaking changes:

    • Changed mdb-select-option selector to mdb-option,
    • Removed select- prefix from option and option group class names,
    • Moved option and option group styles to individual file.

    Fixes and improvements:

    • Sidenav - resolved problem with arrow icons in collapsed items,
    • Sidenav - resolved problem with z-index,
    • Select - resolved problem with dropdown toggle on arrow icon click,
    • Input - resolved problem with label position when setting value dynamically using Angular form controls.

    New components:

    New features:

    • Select - added new [filterPlaceholder] input that allow to change filter input placeholder.

    Version v1.0.0 Beta 6, released 14.06.2021

    In this version we introduced some breaking changes, please check `Breaking changes` section and update your application accordingly. The list of all individual modules and entry points can be found here:

    MDB Angular UI Kit Free Modules And Imports

    MDB Angular UI Kit Pro Essential Modules And Imports

    Breaking changes:

    • Updated Angular to v12 (this version is now required),
    • Components, modules and types can no longer be imported from mdb-angular-ui-kit entry point. Use the newly added secondary entry points, such as mdb-angular-ui-kit/datepicker to import individual elements,
    • Removed main MdbModule, import individual modules from its entry points, for example: import { MdbCheckboxModule } from 'mdb-angular-ui-kit/checkbox'
    • Renamed MdbTimePickerComponent to MdbTimepickerComponent
    • Renamed MdbTimePickerDirective to MdbTimepickerDirective
    • Renamed MdbTimePickerModule to MdbTimePickerModule
    • Updated Bootstrap styles to the latest stable version.

    Components redesign:

    • Redesigned shadows for components: Cards, Dropdowns, Modal, Popover, Toasts, Buttons, Button Group, Navbar, Pagination, Pills, Sidenav,
    • Redesigned padding for components: Alerts, Cards, List Group,
    • Redesigned border radius to 0.5rem for components: Alerts, Cards, Dropdowns, Modal, List group, Popover, Toasts, Dateipcker, Timepicker.

    Fixes and improvements:

    • Sidenav - resolved problem with height of the element with .sidenav-menu class,
    • Range - resolved problem with a hardcoded Example label text,
    • Datepicker - dateChanged event will be now correctly emited on date change,
    • Datepicker - resolved problem with components updates on Angular form control changes,
    • File input - updated styles to Material Design styles,
    • Pills - fixed width of pills when they're filled or justified,
    • Checkbox/Switch/Radio - fixed margin styles and positioning.

    New components:

    New features:

    • Navbar - added a new .navbar-nav-scroll class to enable vertical scrolling when a collapsed navbar is opened
    • Navbar - re-added flex-grow to the .navbar-collapse to restore the flexbox behaviors from v4 and prevent some content from being inadvertently squished,
    • List group - added a new .list-group-numbered variation to list groups that uses pseudo-elements for numbering list group items,
    • Shadows - added a new styles design: shadows soft, shadows standard, shadows strong,
    • Added color-scheme mixin.

    Version v1.0.0 Beta 5, released 31.05.2021

    New components:

    Version v1.0.0 Beta 4, released 04.05.2021

    New components:

    Bug fixes:

    • Animations - resolved problem with parameters in HTML template,
    • Sidenav - resolved problems with mode and hidden inputs,
    • Sidenav - resolved problem with show method.

    Version v1.0.0 Beta 3, released 19.04.2021

    New components:

    Bug fixes:

    • Datepicker - resolved problem with keyboard navigation when using DownArrow key,
    • Datepicker - resolved problem with selecting dates using Enter/Space keys in component with date filter,
    • Datepicker - added correct aria-labels to the previous/next buttons in the days view.

    Version v1.0.0 Beta 2, released 06.04.2021

    New components:

    Version v1.0.0 Beta 1, released 22.03.2021

    New components:

    Bug fixes:

    • Scrollspy - added cursor: pointer styles to scrollspy links,
    • Sidenav - resolved problem with errors when RouterModule is not imported,
    • Sidenav - component will be correctly updated on inputs changes,
    • Sidenav - resolved problem with scroll position,
    • Sidenav - added components and module exports to main library index.

    New features:

    • Animations - added new animations: slideLeft, slideRight, slideUp, slideDown
    • Sidenav - added focus trap,
    • Sidenav - escape button will now close the component,

    Version v1.0.0 Alpha 4, released 08.03.2021

    New components:

    Bug fixes:

    • Select - x options selected text will be displayed correctly when more than 5 options have been selected,
    • Select - fixed clear button focusing issue.

    New features:

    • Select - added new displayedLabels input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
    • Select - added new optionsSelectedLabel input that allows to customize x options selected text,
    • Select - added new filterDebounce input that allows to add delay to the options list updates when using filter input

    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 Angular Alpha 1.

    New components:

    New sections:

    • Layout
    • Utilities
    • Content & styles