react-day-picker
Version:
Customizable Date Picker for React
57 lines • 2.21 kB
JavaScript
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