CoreUI PRO v5.19.0

We’re excited to announce the release of CoreUI PRO v5.19.0! This update brings significant improvements to date and time components, enhanced accessibility features, UI refinements, and updated dependencies for better performance and security.

---

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.19.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.19.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

🚀 New Features

• Date and Time Components: Added inputOnChangeDelay option (750ms default) for DatePicker, DateRangePicker, and TimePicker
  • Provides better user experience by reducing excessive API calls during manual input
  • Configurable delay timing for different use cases
  • Improved performance for real-time validation scenarios

🛠 Fixes & Improvements

• DatePicker & DateRangePicker Components:

  • Focus Trap Implementation: Added focus trap functionality for better keyboard navigation and accessibility
  • Date Parsing Enhancement: Improved robust locale-aware date parsing for manual input
  • Manual Input Validation: Enhanced validation for user-typed dates
  • Calendar Optimization: Optimized calendar cell attribute calculations for better performance

• UI Components:

  • Spinner Component: Fixed spinner deformation issues in flex box layouts
  • Input Groups: Improved component width handling within input group contexts
  • Calendar Navigation: Refined styling for calendar navigation buttons

• Accessibility:

  • WCAG 2.1 Compliance: Improved color contrast function for better accessibility compliance
  • Keyboard Navigation: Enhanced focus management across date and time components

📦 Dependency Updates

This release includes important dependency updates for improved security and performance:

Core Dependencies

• Updated bootstrap from ^5.3.7 to ^5.3.8

Development Tools

• Updated eslint from ^9.33.0 to ^9.34.0
• Updated hugo-bin to latest version for documentation builds
• Updated jasmine for improved testing capabilities
• Updated rollup for enhanced build performance
• Updated sass-embedded for better Sass compilation

♻️ Refactoring

• Date Components: Enhanced internal architecture for date parsing and validation
• Calendar Utilities: Optimized calendar rendering algorithms
• Focus Management: Improved accessibility focus trap implementation

Technical Details

Input Change Delay Feature

The new inputOnChangeDelay option provides fine-grained control over when change events are triggered during manual input. This is particularly useful for:

• Reducing API calls while users are typing
• Implementing debounced validation
• Improving performance in real-time scenarios

Accessibility Enhancements

This release focuses heavily on accessibility improvements, including:

• Focus trap implementation ensuring keyboard users can navigate date pickers properly
• WCAG 2.1 compliance improvements for better color contrast
• Enhanced screen reader support

Performance Optimizations

Calendar components now feature optimized rendering algorithms that reduce computation overhead during date selection and navigation.

This release includes 36 commits across 160 files, representing a comprehensive update to date/time components and overall system stability.

📖 Learn More

For detailed technical documentation and implementation guides, visit:

• CoreUI PRO Documentation
• Full Changelog on GitHub

---

Thank you for choosing CoreUI PRO! We’re committed to providing the best Bootstrap components and admin template experience. Have feedback or feature requests? Let us know.