react-day-picker
Version:
Customizable Date Picker for React
40 lines • 1.44 kB
JavaScript
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useSingle = useSingle;
const react_1 = __importDefault(require("react"));
function useSingle(props, dateLib) {
const { selected: initiallySelected, required, onSelect } = props;
const [selected, setSelected] = react_1.default.useState(initiallySelected);
const { isSameDay } = dateLib;
// Update the selected date if the `selected` value changes.
react_1.default.useEffect(() => {
setSelected(initiallySelected);
}, [initiallySelected]);
const isSelected = (compareDate) => {
return selected ? isSameDay(selected, compareDate) : false;
};
const select = (triggerDate, modifiers, e) => {
let newDate = triggerDate;
if (!required && selected && selected && isSameDay(triggerDate, selected)) {
// If the date is the same, clear the selection.
newDate = undefined;
}
setSelected(newDate);
if (required) {
onSelect?.(newDate, triggerDate, modifiers, e);
}
else {
onSelect?.(newDate, triggerDate, modifiers, e);
}
return newDate;
};
return {
selected,
select,
isSelected
};
}
//# sourceMappingURL=useSingle.js.map
;