# Function: useDayRender()

> **useDayRender**(`day`, `displayMonth`, `buttonRef`): [`DayRender`](../type-aliases/DayRender.md)

Return props and data used to render the [Day](Day.md) component.

Use this hook when creating a component to replace the built-in `Day`
component.

## Parameters

| Parameter | Type | Description |
| :------ | :------ | :------ |
| `day` | `Date` | The date to render. |
| `displayMonth` | `Date` | The month where the date is displayed (if not the same as `date`, it means<br />it is an "outside" day). |
| `buttonRef` | `RefObject`\<`HTMLButtonElement`\> | A ref to the button element that will be target of focus when rendered (if<br />required). |

## Returns

[`DayRender`](../type-aliases/DayRender.md)

## Source

[src/hooks/useDayRender/useDayRender.tsx:43](https://github.com/gpbl/react-day-picker/blob/9ad13dc72fff814dcf720a62f6e3b5ea38e8af6d/src/hooks/useDayRender/useDayRender.tsx#L43)