CoreUI PRO for React v5.18.0

We are excited to announce CoreUI PRO for React v5.18.0 — a major release introducing the brand new Autocomplete component, significant calendar improvements, enhanced date picker functionality, and comprehensive documentation updates with improved SEO capabilities.

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.

Angular

Bootstrap

React.js

Vue.js

How to Upgrade

To update your project to CoreUI PRO for React v5.18.0, follow these steps:

1. Open your package.json.
2. Update the following dependencies:
   • @coreui/react-pro to 5.18.0
   • @coreui/coreui-pro to 5.16.0
3. Save the file.
4. Run your package manager:
   • npm: npm install
   • yarn: yarn install

🚀 What’s New

✨ New Features

• CAutocomplete: Brand new autocomplete component with extensive customization options
  • Built-in search functionality with customizable search strategies
  • Support for external data sources and async loading
  • Custom option rendering with highlight support
  • Keyboard navigation and accessibility features
  • Validation states and sizing options
  • Cleaner functionality and restricted selection modes

🛠 Fixes & Improvements

• CCalendar: Fixed year calculation for week selection using proper ISO 8601 standards
• CDatePicker, CDateRangePicker, CTimePicker: Enhanced event handling with improved callback mechanisms
• Calendar Week System: Implemented proper ISO week date system with correct week numbering

♻️ Major Refactors

• Calendar Utilities: Complete rewrite of week calculation functions
  • Added getISOWeekNumberAndYear() for proper ISO 8601 week handling
  • Added getISOWeekString() for standardized week string formatting
  • Enhanced getMonthDetails() with improved week structure
• Date Picker Events: Improved event handling with better null safety and proper callbacks
• Documentation: Enhanced schema markup and SEO optimization

📚 Documentation & UX Updates

• New Autocomplete Documentation: Comprehensive guide with 15+ examples covering all use cases
• Enhanced SEO: Improved schema markup and meta data handling
• Updated Banners: Refreshed promotional banners and pre-release indicators
• API Documentation: Complete API reference for the new Autocomplete component

🎯 Accessibility & Performance

• Autocomplete: Full keyboard navigation support with ARIA compliance
• Calendar: Improved screen reader support for week selection
• Utils: Added new utility functions getNextSibling() and getPreviousSibling() for better DOM navigation

📦 Dependency Updates

This release includes comprehensive dependency updates for security, performance, and compatibility:

Core Dependencies

• Updated @coreui/coreui-pro from ^5.15.0 to ^5.16.0

Build & Development Tools

• Updated @rollup/plugin-typescript from ^12.1.3 to ^12.1.4
• Updated @testing-library/dom from ^10.4.0 to ^10.4.1
• Updated @testing-library/jest-dom from ^6.6.3 to ^6.6.4
• Updated @typescript-eslint/parser from ^8.34.1 to ^8.38.0
• Updated cross-env from ^7.0.3 to ^10.0.0
• Updated eslint from ^9.29.0 to ^9.32.0
• Updated eslint-config-prettier from ^10.1.5 to ^10.1.8
• Updated eslint-plugin-prettier from ^5.5.0 to ^5.5.3
• Updated eslint-plugin-unicorn from ^59.0.1 to ^60.0.0
• Updated globals from ^16.2.0 to ^16.3.0
• Updated lerna from ^8.2.2 to ^8.2.3
• Updated prettier from ^3.6.0 to ^3.6.2
• Updated rollup from ^4.44.0 to ^4.46.0
• Updated typescript-eslint from ^8.34.1 to ^8.38.0

💡 Migration Notes

Autocomplete Component

The new CAutocomplete component offers extensive customization options. Basic usage:

import { CAutocomplete } from '@coreui/react-pro'

const options = ['Apple', 'Banana', 'Cherry']

<CAutocomplete 
  options={options}
  placeholder="Search fruits..."
  onSelectionChange={(value) => console.log(value)}
/>

Calendar Week Selection

Week selection now uses proper ISO 8601 standards. If you were relying on the previous week calculation behavior, please test your implementations.

Upgrade to CoreUI PRO for React v5.18.0 today to access the powerful new Autocomplete component, improved calendar functionality, and enhanced development experience with the latest dependency updates.