-
Notifications
You must be signed in to change notification settings - Fork 1
/
CustomDateHeader.js
45 lines (45 loc) · 1.05 KB
/
CustomDateHeader.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import React from 'react'
import Interval from './Interval'
export function CustomDateHeader({
headerContext: { intervals, unit },
getRootProps,
getIntervalProps,
showPeriod,
data: {
style,
intervalRenderer,
className,
getLabelFormat,
unitProp,
headerData
}
}) {
return (
<div
data-testid={`dateHeader`}
className={className}
{...getRootProps({ style })}
>
{intervals.map(interval => {
const intervalText = getLabelFormat(
[interval.startTime, interval.endTime],
unit,
interval.labelWidth
)
return (
<Interval
key={`label-${interval.startTime.valueOf()}`}
unit={unit}
interval={interval}
showPeriod={showPeriod}
intervalText={intervalText}
primaryHeader={unitProp === 'primaryHeader'}
getIntervalProps={getIntervalProps}
intervalRenderer={intervalRenderer}
headerData={headerData}
/>
)
})}
</div>
)
}