Interface: CustomComponents
Map of the components that can be changed using the components prop.
See
https://github.com/gpbl/react-day-picker/tree/main/src/components
Properties
Caption
• Optional Caption: (props: CaptionProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the caption element.
Parameters
| Name | Type |
|---|---|
props | CaptionProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:389
CaptionLabel
• Optional CaptionLabel: (props: CaptionLabelProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the caption element.
Parameters
| Name | Type |
|---|---|
props | CaptionLabelProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:391
Day
• Optional Day: (props: DayProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the day element.
Each Day in DayPicker should render one of the following, according to
the return value of useDayRender.
- an empty
Fragment, to render ifisHiddenis true - a
buttonelement, when the day is interactive, e.g. is selectable - a
divor aspanelement, when the day is not interactive
Parameters
| Name | Type |
|---|---|
props | DayProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:403
DayContent
• Optional DayContent: (props: DayContentProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the content of the day element.
Parameters
| Name | Type |
|---|---|
props | DayContentProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:405
Dropdown
• Optional Dropdown: (props: DropdownProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the drop-down elements.
Parameters
| Name | Type |
|---|---|
props | DropdownProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:407
Footer
• Optional Footer: (props: FooterProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the table footer.
Parameters
| Name | Type |
|---|---|
props | FooterProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:409
Head
• Optional Head: () => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the table’s head.
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:411
HeadRow
• Optional HeadRow: () => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the table’s head row.
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:413
IconDropdown
• Optional IconDropdown: (props: StyledComponent) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the small icon in the drop-downs.
Parameters
| Name | Type |
|---|---|
props | StyledComponent |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:415
IconLeft
• Optional IconLeft: (props: StyledComponent) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The arrow left icon (used for the Navigation buttons).
Parameters
| Name | Type |
|---|---|
props | StyledComponent |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:419
IconRight
• Optional IconRight: (props: StyledComponent) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The arrow right icon (used for the Navigation buttons).
Parameters
| Name | Type |
|---|---|
props | StyledComponent |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:417
Months
• Optional Months: (props: MonthsProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component wrapping the month grids.
Parameters
| Name | Type |
|---|---|
props | MonthsProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:421
Row
• Optional Row: (props: RowProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the table rows.
Parameters
| Name | Type |
|---|---|
props | RowProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>
Defined in
src/types/DayPickerBase.ts:423
WeekNumber
• Optional WeekNumber: (props: WeekNumberProps) => null | ReactElement<any, string | JSXElementConstructor<any>>
Type declaration
▸ (props): null | ReactElement<any, string | JSXElementConstructor<any>>
The component for the week number in the table rows.
Parameters
| Name | Type |
|---|---|
props | WeekNumberProps |
Returns
null | ReactElement<any, string | JSXElementConstructor<any>>