Skip to main content

⚙️ Days Calendar

PropTypeDefaultDescription
firstDayOfWeek0-60 (Sun)Sets the first day of the week.
hideOutsideDaysbooleanControls whether days outside the current month are shown in the calendar grid.
showWeeksNumberbooleanDetermines whether to show the week number for each row in the calendar grid.
highlightDates(Date | Moment)[]A list of dates to be visually highlighted in the calendar.
disabledDates(Date | Moment)[]Array of Date objects that should be disabled in the calendar.
disabledMonths(Date | Moment)[]Array of objects specifying which months to disable.
disabledYears(Date | Moment)[]Array of years to disable in the calendar.
weekends(Date | Moment)[]Controls the visibility, styling, or behavior of weekend days in the calendar.
disableWeekendsbooleanDisables selection of weekend days in the calendar.
renderDay(renderedValue: string, date: Date, , props: HTMLAttributes<any>, state: DayCellState) => ReactNodeA function that returns a custom element for each day cell in the calendar.
renderWeekNumber(renderedValue: string, weekNumber: number) => ReactNodeA function that returns a custom element for each week number in the calendar.
disabledDatesFn(date: Date) => booleanFunction to disable dates dynamically.
onSelect(date: Date) => voidCalled when a user clicks a day; receives the clicked date as a Date object.