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.
React Calendar Days
Select specific days using the React Calendar component. The example below shows basic usage.
React Calendar Weeks
Set the selectionType to week to enable selection of entire week. You can also add showWeekNumber to show week numbers.
React Calendar Months
Set the selectionType property to month to enable selection of entire months.
React Calendar Years
Set the selectionType property to year to enable years range selection.
React Calendar Multiple calendar panels
Display multiple calendar panels side by side by setting the calendars property. This can be useful for selecting ranges or comparing dates across different months.
React Calendar Range selection
Enable range selection to allow users to pick a start and end date. This example shows how to configure the React Calendar component to handle date ranges.
