is there any way to disable dates dynamically in f7 calendar ?
calendar.update() method didnt work
f7: 6.03
react: 17
is there any way to disable dates dynamically in f7 calendar ?
calendar.update() method didnt work
f7: 6.03
react: 17
even after i destroy and create calendar again, disabled dates did not update !!!
also tried refreshing the current page
i solved this issue by setting the disabled property of my calendar whenever my dynamic disable range changed, like this :
this is my listinput that inits the calendar :
<ListInput
name="PeriodEndDate"
label="Period End Date"
type="datepicker"
outline
floatingLabel
readonly
validate
required
ref={lastPeriodEndDateCalendarRef}
errorMessage="this field is required"
calendarParams={{
closeOnSelect: true,
openIn: 'customModal',
backdrop: true,
disabled: {
from: state.disableStart,
to: state.disableEnd
}
}}
/>
and this is how i update disabled dates :
useEffect(() => {
lastPeriodEndDateCalendarRef.current.f7Calendar.params.disabled = {
from: state.disableStart,
to: state.disableEnd
};
}, [state.disableStart, state.disableEnd]);