pass dates to slotGroupPropGetter

so you can make styling decisions based on date
jquense · Feb 15, 2023 · 85289b8 · 85289b8
1 parent 3115e12
commit 85289b8
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/Calendar.js b/src/Calendar.js
@@ -569,7 +569,7 @@ class Calendar extends React.Component {
      * Optionally provide a function that returns an object of props to be applied
      * to the time-slot group node. Useful to dynamically change the sizing of time nodes.
      * ```js
-     * () => { style?: Object }
+     * (group: Date[]) => { style?: Object }
      * ```
      */
     slotGroupPropGetter: PropTypes.func,

diff --git a/src/TimeSlotGroup.js b/src/TimeSlotGroup.js
@@ -14,7 +14,7 @@ export default class TimeSlotGroup extends Component {
       components: { timeSlotWrapper: Wrapper = BackgroundWrapper } = {},
     } = this.props
 
-    const groupProps = getters ? getters.slotGroupProp() : {}
+    const groupProps = getters ? getters.slotGroupProp(group) : {}
     return (
       <div className="rbc-timeslot-group" {...groupProps}>
         {group.map((value, idx) => {

diff --git a/stories/props/API.stories.mdx b/stories/props/API.stories.mdx
@@ -621,7 +621,7 @@ Optionally provide a function that returns an object of className or style props
 
 ### slotGroupPropGetter
 
-- type: `function () => { style?: Object }`
+- type: `function (group: Date[]) => { style?: Object }`
 - <LinkTo kind="props" story="slot-group-prop-getter">
     Example
   </LinkTo>

diff --git a/stories/props/slotGroupPropGetter.mdx b/stories/props/slotGroupPropGetter.mdx
@@ -3,7 +3,7 @@ import LinkTo from '@storybook/addon-links/react'
 
 # slotGroupPropGetter
 
-- type: `function () => { style?: Object }`
+- type: `function (group: Date[]) => { style?: Object }`
 
 Optionally provide a function that returns an object of className or style props to be applied to the time-slot node.