One data grid for JavaScript, React, Vue & Angular. Sorting, filtering, virtualization, pinning, and CSV export included. Early access $199 $349 → [Get it now]

CoreUI PRO for Vue v5.21.0 - Custom Container for Picker Dropdowns

CoreUI PRO for Vue v5.21.0 - Custom Container for Picker Dropdowns

We are pleased to announce the release of CoreUI PRO for Vue v5.21.0. This release extends the container property of CDatePicker, CDateRangePicker and CTimePicker, so their dropdown can be rendered in a container of your choice. No breaking changes were announced in the published release notes.


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 update your project to CoreUI PRO for Vue v5.21.0, follow these steps:

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

You can also download the latest PRO packages from CoreUI Downloads.

What’s New

Features

  • CDatePicker, CDateRangePicker & CTimePicker: The container property now also accepts an element, a CSS selector, or a function that returns an element, and the dropdown is rendered inside it instead of the document body. The 'dropdown' and 'inline' values keep their meaning, so existing code is unaffected.

Migration Notes

This release contains no breaking changes announced in the published release notes. After upgrading:

  1. Install updated dependencies.
  2. Run your test suite and verify the build.

For the latest package files and update access, visit CoreUI Downloads.