Skip to content

Commit 485b19b

Browse files
vkurkovkurko
committed
v5.6.0
Added dayCellContent option Added dateIncrement option
1 parent 45815e6 commit 485b19b

File tree

17 files changed

+376
-153
lines changed

17 files changed

+376
-153
lines changed

‎CHANGELOG.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# EventCalendar changelog
22

3+
## 5.6.0
4+
March 25, 2026
5+
* Added `dayCellContent` option ([381](https://github.com/vkurko/calendar/issues/381))
6+
* Added `dateIncrement` option
7+
38
## 5.5.1
49
March 20, 2026
510
* Fixed issue with `resources` as function ([636](https://github.com/vkurko/calendar/issues/636))

‎README.md‎

Lines changed: 70 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,10 @@ Inspired by [FullCalendar](https://fullcalendar.io/), it implements similar opti
4848
- [customScrollbars](#customscrollbars)
4949
- [date](#date)
5050
- [dateClick](#dateclick)
51+
- [dateIncrement](#dateincrement)
5152
- [datesAboveResources](#datesaboveresources)
5253
- [datesSet](#datesset)
54+
- [dayCellContent](#daycellcontent)
5355
- [dayCellFormat](#daycellformat)
5456
- [dayHeaderAriaLabelFormat](#dayheaderarialabelformat)
5557
- [dayHeaderFormat](#dayheaderformat)
@@ -72,9 +74,9 @@ Inspired by [FullCalendar](https://fullcalendar.io/), it implements similar opti
7274
- [eventDragStart](#eventdragstart)
7375
- [eventDragStop](#eventdragstop)
7476
- [eventDrop](#eventdrop)
75-
- [eventDurationEditable](#eventdurationeditable)
7677
</td><td>
7778

79+
- [eventDurationEditable](#eventdurationeditable)
7880
- [eventFilter](#eventfilter)
7981
- [eventLongPressDelay](#eventlongpressdelay)
8082
- [eventMouseEnter](#eventmouseenter)
@@ -108,9 +110,9 @@ Inspired by [FullCalendar](https://fullcalendar.io/), it implements similar opti
108110
- [noEventsClick](#noeventsclick)
109111
- [noEventsContent](#noeventscontent)
110112
- [nowIndicator](#nowindicator)
111-
- [pointer](#pointer)
112113
</td><td>
113114

115+
- [pointer](#pointer)
114116
- [refetchResourcesOnNavigate](#refetchresourcesonnavigate)
115117
- [resizeConstraint](#resizeconstraint)
116118
- [resourceExpand](#resourceexpand)
@@ -258,8 +260,8 @@ This bundle contains a version of the calendar that includes all plugins and is
258260

259261
The first step is to include the following lines of code in the `<head>` section of your page:
260262
```html
261-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.5.1/dist/event-calendar.min.css">
262-
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.5.1/dist/event-calendar.min.js"></script>
263+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.6.0/dist/event-calendar.min.css">
264+
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.6.0/dist/event-calendar.min.js"></script>
263265
```
264266

265267
<details>
@@ -570,6 +572,16 @@ If the current view is a resource view, the [Resource](#resource-object) object
570572
</tr>
571573
</table>
572574

575+
### dateIncrement
576+
- Type `string`, `integer` or `object`
577+
- Default `undefined`
578+
579+
Defines the interval by which the displayed view is shifted when pressing the prev/next buttons or when the [prev()](#prev)/[next()](#next) methods are called.
580+
581+
This should be a value that can be parsed into a [Duration](#duration-object) object.
582+
583+
If not specified, then equal to [duration](#duration).
584+
573585
### datesAboveResources
574586
- Type `boolean`
575587
- Default `false`
@@ -627,6 +639,60 @@ The current [View](#view-object) object
627639
</tr>
628640
</table>
629641

642+
### dayCellContent
643+
- Type `Content` or `function`
644+
- Default `undefined`
645+
646+
Defines the content that is rendered inside the day cell.
647+
648+
This value can be either a [Content](#content) or a function that returns content:
649+
650+
```js
651+
function (arg) {
652+
// return Content
653+
}
654+
```
655+
`arg` is an object with the following properties:
656+
<table>
657+
<tr>
658+
<td>
659+
660+
`allDay`
661+
</td>
662+
<td>
663+
664+
`true` or `false`. Determines if the cell is within `all-day` slot. Month and list views are also considered as all-day slots
665+
</td>
666+
</tr>
667+
<tr>
668+
<td>
669+
670+
`date`
671+
</td>
672+
<td>JavaScript Date object corresponding to the day</td>
673+
</tr>
674+
<tr>
675+
<td>
676+
677+
`isToday`
678+
</td>
679+
<td>
680+
681+
`true` or `false`. Determines if the cell is for today
682+
</td>
683+
</tr>
684+
<tr>
685+
<td>
686+
687+
`resource`
688+
</td>
689+
<td>
690+
691+
If the current view is a resource view, the [Resource](#resource-object) object that owns this cell
692+
</td>
693+
</tr>
694+
</table>
695+
630696
### dayCellFormat
631697
- Type `object` or `function`
632698
- Default `{day: 'numeric'}`

‎docs/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<link rel="manifest" href="site.webmanifest">
1313
<link rel="stylesheet" href="global.css?20251210">
1414

15-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.5.1/dist/event-calendar.min.css">
16-
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.5.1/dist/event-calendar.min.js"></script>
15+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.6.0/dist/event-calendar.min.css">
16+
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.6.0/dist/event-calendar.min.js"></script>
1717
</head>
1818

1919
<body>
@@ -37,7 +37,7 @@ <h4 class="col"><a href="https://github.com/vkurko/calendar">EventCalendar</a> D
3737
center: 'title',
3838
end: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek resourceTimeGridWeek,resourceTimelineWeek'
3939
},
40-
buttonText: text => ({...text, resourceTimeGridWeek: 'resources', resourceTimelineWeek: 'timeline'}),
40+
buttonText: text => ({...text, listWeek: 'list', resourceTimeGridWeek: 'resources', resourceTimelineWeek: 'timeline'}),
4141
resources: [
4242
{id: 1, title: 'Resource A'},
4343
{id: 2, title: 'Resource B'},

0 commit comments

Comments
 (0)