vkurko
diff --git a/‎CHANGELOG.md‎
Lines changed: 4 additions & 0 deletions b/‎CHANGELOG.md‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎README.md‎
Lines changed: 21 additions & 4 deletions b/‎README.md‎
Lines changed: 21 additions & 4 deletions
diff --git a/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions b/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions
@@ -1,5 +1,9 @@
 # EventCalendar changelog
 
+## 4.7.0
+October 10, 2025
+* Added ability to set `customButtons` as function ([499](https://github.com/vkurko/calendar/issues/499))
+
 ## 4.6.0
 September 4, 2025
 * Added `eventOrder` option ([549](https://github.com/vkurko/calendar/issues/549))
 
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource & timeline views:
 
-* Lightweight (33kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (37kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * 100% human-coded
 * Zero-dependency (standalone bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
@@ -244,8 +244,8 @@ This bundle contains a version of the calendar that includes all plugins and is
 
 The first step is to include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
 ```
 
 <details>
@@ -370,7 +370,7 @@ function (text) {
 </table>
 
 ### customButtons
-- Type `object`
+- Type `object` or `function`
 - Default `{}`
 
 Defines custom buttons that can be used in the [headerToolbar](#headertoolbar).
@@ -430,6 +430,23 @@ If `true`, the button will appear pressed/active
 </tr>
 </table>
 
+This option can also be set as a callback function that receives default custom button object and should return a new one:
+
+```js
+function (customButtons) {
+  // return new custom buttons object
+}
+```
+<table>
+<tr>
+<td>
+
+`customButtons`
+</td>
+<td>An object with default custom buttons</td>
+</tr>
+</table>
+
 ### date
 - Type `Date` or `string`
 - Default `new Date()`
 
@@ -12,8 +12,8 @@
     <link rel="manifest" href="site.webmanifest">
     <link rel="stylesheet" href="global.css?20231021">
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.css">
-    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
 
     <style>
         .ec-timeline .ec-time, .ec-timeline .ec-line {