Skip to content

Commit

Permalink
chore: update changelog for calendar customization
Browse files Browse the repository at this point in the history
  • Loading branch information
1amageek committed Jan 16, 2025
1 parent 9e6ca20 commit 9091f51
Showing 1 changed file with 28 additions and 0 deletions.
28 changes: 28 additions & 0 deletions .changeset/tame-students-tan.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
"@nextui-org/calendar": major
---

### Changes
- Added support for customizing calendar cells.
- You can now use `children` to customize the content of calendar cells.
- The default structure of calendar cells has been updated to improve flexibility.

### Breaking Changes
- **WHAT**: The following changes might affect existing implementations:
1. Style class names have been renamed (e.g., `cellButton``cellHeader`).
2. The internal structure of calendar cells has changed, which may cause existing styles to no longer apply.
- **WHY**: These changes were made to provide better flexibility and support for modern styling and customization.
- **HOW**:
1. If you are using custom styles, update the class names to the new ones.
2. Use `children` to customize the content of calendar cells.
3. Refer to the example below for implementation:

```jsx
<Calendar>
{(date) => (
<div style={{ backgroundColor: "lightblue" }}>
<span>{date.day}</span>
</div>
)}
</Calendar>
```

0 comments on commit 9091f51

Please sign in to comment.