All files / src/components/RangeDatePicker/hooks useRangeDatePickerState.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
47
48
49
50
51
52
53
54
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
2x
2x
 
 
 
16x
16x
16x
 
 
 
 
 
 
 
 
import type {DateTime} from '@gravity-ui/date-utils';
 
import type {FormatInfo} from '../../DateField/types';
import {adjustDateToFormat} from '../../DateField/utils';
import type {DatePickerState} from '../../DatePicker';
import {datePickerStateFactory} from '../../DatePicker/hooks/datePickerStateFactory';
import {getDateTimeValue} from '../../DatePicker/utils';
import {useRangeDateFieldState} from '../../RangeDateField';
import type {RangeDateFieldStateOptions} from '../../RangeDateField';
import {createPlaceholderRangeValue} from '../../RangeDateField/utils';
import type {RangeValue} from '../../types';
import {mergeDateTime} from '../../utils/dates';
 
export type RangeDatePickerState = DatePickerState<RangeValue<DateTime>>;
 
export type RangeDatePickerStateOptions = RangeDateFieldStateOptions;
 
export const useRangeDatePickerState = datePickerStateFactory({
    getPlaceholderTime,
    mergeDateTime: mergeRangeDateTime,
    setTimezone,
    getDateTime: getDateTimeValue,
    useDateFieldState: useRangeDateFieldState,
    adjustDateToFormat: adjustRangeToFormat,
});
 
function getPlaceholderTime(
    placeholderValue: DateTime | undefined,
    timeZone?: string,
): RangeValue<DateTime> {
    return createPlaceholderRangeValue({placeholderValue, timeZone});
}
 
function mergeRangeDateTime(
    date: RangeValue<DateTime>,
    time: RangeValue<DateTime>,
): RangeValue<DateTime> {
    const start = mergeDateTime(date.start, time.start);
    const end = mergeDateTime(date.end, time.end);
    return {start, end};
}
 
function setTimezone(date: RangeValue<DateTime>, timeZone: string): RangeValue<DateTime> {
    const start = date.start.timeZone(timeZone);
    const end = date.end.timeZone(timeZone);
    return {start, end};
}
 
function adjustRangeToFormat(date: RangeValue<DateTime>, sectionsInfo: FormatInfo) {
    const start = adjustDateToFormat(date.start, sectionsInfo, 'startOf');
    const end = adjustDateToFormat(date.end, sectionsInfo, 'endOf');
    return {start, end};
}