/
useMultipleCalendarState.ts
46 lines (37 loc) · 1.24 KB
/
useMultipleCalendarState.ts
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
46
import { MultipleCalendarProps, MultipleCalendarState } from './types'
import { useSingleCalendarState } from './useSingleCalendarState'
import { isEqualDate, isSameCell } from './utils'
export type UseMultipleCalendarStateProps = MultipleCalendarProps
export type UseMultipleCalendarStateResult = MultipleCalendarState
export function useMultipleCalendarState(
props: UseMultipleCalendarStateProps,
): UseMultipleCalendarStateResult {
const { value, defaultValue, onChange, ...restProps } = props
const singleState = useSingleCalendarState({
...restProps,
value: value?.[0],
onChange: (event) => {
const values = value?.slice() ?? []
const index = values.findIndex((val) => isEqualDate(val, event.value))
if (index !== -1) {
values.splice(index, 1)
} else {
values.push(event.value)
}
onChange?.({ value: values })
},
})
function getCellState(cellValue: Date, viewDate: Date) {
const baseCellState = singleState.getCellState(cellValue, viewDate)
return {
...baseCellState,
isSelected: value?.some((val) => isSameCell(singleState.activeView, val, cellValue)) ?? false,
}
}
return {
...singleState,
mode: 'multiple',
value,
getCellState,
}
}