DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
55 lines
No EOL
2 KiB
Text
55 lines
No EOL
2 KiB
Text
import { useControlledValue } from "../helpers/useControlledValue.js";
|
|
/**
|
|
* Hook to manage multiple-date selection in the DayPicker component.
|
|
*
|
|
* @template T - The type of DayPicker props.
|
|
* @param props - The DayPicker props.
|
|
* @param dateLib - The date utility library instance.
|
|
* @returns An object containing the selected dates, a function to select dates,
|
|
* and a function to check if a date is selected.
|
|
*/
|
|
export function useMulti(props, dateLib) {
|
|
const { selected: initiallySelected, required, onSelect } = props;
|
|
const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : undefined);
|
|
const selected = !onSelect ? internallySelected : initiallySelected;
|
|
const { isSameDay } = dateLib;
|
|
const isSelected = (date) => {
|
|
return selected?.some((d) => isSameDay(d, date)) ?? false;
|
|
};
|
|
const { min, max } = props;
|
|
const select = (triggerDate, modifiers, e) => {
|
|
let newDates = [...(selected ?? [])];
|
|
if (isSelected(triggerDate)) {
|
|
if (selected?.length === min) {
|
|
// Min value reached, do nothing
|
|
return;
|
|
}
|
|
if (required && selected?.length === 1) {
|
|
// Required value already selected do nothing
|
|
return;
|
|
}
|
|
newDates = selected?.filter((d) => !isSameDay(d, triggerDate));
|
|
}
|
|
else {
|
|
if (selected?.length === max) {
|
|
// Max value reached, reset the selection to date
|
|
newDates = [triggerDate];
|
|
}
|
|
else {
|
|
// Add the date to the selection
|
|
newDates = [...newDates, triggerDate];
|
|
}
|
|
}
|
|
if (!onSelect) {
|
|
setSelected(newDates);
|
|
}
|
|
onSelect?.(newDates, triggerDate, modifiers, e);
|
|
return newDates;
|
|
};
|
|
return {
|
|
selected,
|
|
select,
|
|
isSelected
|
|
};
|
|
}
|
|
//# sourceMappingURL=useMulti.js.map |