CoreUI PRO hexagon
Our Admin Panel isn’t just a mix of third-party components. It’s the only Next.js dashboard built on a professional, enterprise-grade UI Components Library. This component is part of this library, and we present only the basic usage of it here. To explore extended examples, detailed API documentation, and customization options, refer to our docs.
CoreUI React Date Range Picker
CoreUI React Date Range Picker With timepicker
::
::
::
::
CoreUI React Date Range Picker Sizing

Set heights using size property like size="lg" and size="sm".

CoreUI React Date Range Picker Disabled

Add the disabled boolean attribute on an input to give it a grayed out appearance and remove pointer events.

CoreUI React Date Range Picker Readonly

Add the inputReadOnly boolean attribute to prevent modification of the input's value.

CoreUI React Date Range Picker Disabled dates
CoreUI React Date Range Picker Custom ranges