UNPKG

react-day-picker

Version:

Customizable Date Picker for React

57 lines 2.21 kB
import React from "react"; import { addToRange, dateMatchModifiers } from "../utils/index.js"; import { rangeIncludesDate } from "../utils/rangeIncludesDate.js"; export function useRange(props, dateLib) { const { mode, disabled, selected: initiallySelected, required, onSelect } = props; const { differenceInCalendarDays } = dateLib; const [selected, setSelected] = React.useState(initiallySelected); // Update the selected date if the required flag is set. React.useEffect(() => { if (required && selected === undefined) { setSelected({ from: undefined, to: undefined }); } }, [required, selected, mode]); const isSelected = (date) => selected && rangeIncludesDate(selected, date, false, dateLib); const select = (triggerDate, modifiers, e) => { const newRange = triggerDate ? addToRange(triggerDate, selected, dateLib) : undefined; const { min, max } = props; if (min) { if (newRange?.from && newRange.to && differenceInCalendarDays(newRange.to, newRange.from) < min - 1) { newRange.from = triggerDate; newRange.to = undefined; } } if (max) { if (newRange?.from && newRange.to && differenceInCalendarDays(newRange.to, newRange.from) >= max) { newRange.from = triggerDate; newRange.to = undefined; } } if (newRange?.from && newRange.to) { let newDate = newRange.from; while (dateLib.differenceInCalendarDays(newRange.to, newDate) > 0) { newDate = dateLib.addDays(newDate, 1); if (disabled && dateMatchModifiers(newDate, disabled, dateLib)) { newRange.from = triggerDate; newRange.to = undefined; break; } } } setSelected(newRange); onSelect?.(newRange, triggerDate, modifiers, e); return newRange; }; return { selected, select, isSelected }; } //# sourceMappingURL=useRange.js.map