CoreUI PRO v5.11.0

CoreUI PRO v5.11.0

We are excited to announce the release of CoreUI PRO v5.11.0! This update includes improved accessibility, UI refinements across multiple components, a brand-new PasswordInput, and numerous bug fixes and refactors to make your development experience smoother and more consistent.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To upgrade your project to CoreUI PRO v5.11.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/coreui-pro entry under dependencies and update the version number to 5.11.0.
  3. Save your changes to the package.json file.
  4. In your project’s root directory, execute the appropriate command:
    • For npm users: Run npm install
    • For yarn users: Run yarn install

What’s New

Features

  • MultiSelect: Support for setting initial selected values via the value option.
  • PasswordInput: Introduced a new PasswordInput component.

Fixes

  • ButtonGroup: Added missing size support.
  • MultiSelect: Set type="button" on “select all” button to prevent unintended form submissions.
  • Popover: Resolved double toggle issue on close.
  • Carousel / Close: Fixed display inconsistencies in dark and light contextual modes.
  • ListGroup: Adjusted .list-group-item-action positioning and enhanced active state reliability.
  • Progress: Corrected animation issues when overriding --progress-height.
  • FloatingLabels: Fixed alignment with .form-select variants.
  • Modal: Fixed issue with null $modal-content-color.
  • FloatingLabels: Improved rendering in Firefox.
  • DatePicker / DateRangePicker: Prevented default 1970-01-01T00:00:00.000Z date when using cancel() without initial values.
  • TimePicker: Resolved locale-based inconsistencies in hour formatting.
  • DatePicker / DateRangePicker / MultiSelect / TimePicker: Unified border and box-shadow behavior when validated.
  • DatePicker / DateRangePicker / TimePicker / MultiSelect: Fixed incorrect border radius inside input groups.

Refactors

  • Calendar / DatePicker / DateRangePicker / TimePicker: Prevented time resets when changing the day.
  • Calendar: Allowed maxDate and minDate to be passed as strings.
  • Carousel: Improved RTL support for carousel controls.
  • Modal / Offcanvas: Refactored .btn-close styles to avoid invalid calc() issues.
  • All: Standardized calc() usage with negative values.
  • All: Introduced data infix variable support for better utility class generation.

Documentation

  • Updated WCAG references to improve accessibility guidance.
  • Added Bun package manager installation instructions.

Dependency Updates

To ensure better compatibility, security, and performance, we have updated several key dependencies:

  • Updated @babel/cli from ^7.26.4 to ^7.27.0
  • Updated @babel/core from ^7.26.9 to ^7.26.10
  • Updated @docsearch/js from ^3.8.3 to ^3.9.0
  • Updated @eslint/markdown from ^6.2.2 to ^6.4.0
  • Updated @rollup/plugin-commonjs from ^28.0.2 to ^28.0.3
  • Updated @rollup/plugin-node-resolve from ^16.0.0 to ^16.0.1
  • Updated autoprefixer from ^10.4.20 to ^10.4.21
  • Updated bootstrap from ^5.3.3 to ^5.3.5
  • Updated bundlewatch from ^0.4.0 to ^0.4.1
  • Updated eslint from ^9.20.1 to ^9.25.1
  • Updated eslint-plugin-unicorn from ^56.0.1 to ^58.0.0
  • Updated find-unused-sass-variables from ^6.0.0 to ^6.1.0
  • Updated globals from ^15.15.0 to ^16.0.0
  • Updated hugo-bin from ^0.140.1 to ^0.143.7
  • Updated postcss from ^8.5.2 to ^8.5.3
  • Updated postcss-cli from ^11.0.0 to ^11.0.1
  • Updated rollup from ^4.34.7 to ^4.40.0
  • Updated sass-embedded from ^1.85.0 to ^1.87.0
  • Updated shelljs from ^0.8.5 to ^0.9.2
  • Updated stylelint from ^16.14.1 to ^16.19.0
  • Updated stylelint-config-twbs-bootstrap from ^15.1.0 to ^16.0.0
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”