F7 calendar dynamic disabled dates

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]);