Calendar

Installation

npx react-nex add Calendar

Example

Range Calendar

Select the range of the date

Active date Color and style

Customized color for the selected Date

Props

onSelect

• Type: (date: string) => void
• Description: Callback function that is called when a date is selected. The selected date is passed as a string in the format Fri May 31 2024.

selected

• Type: Date
• Description: The initially selected date. This should be a Date object.

activeClassName

• Type: string
• Description: Additional Tailwind CSS classes to apply to the calendar selected date.