Playground
Change the main props and theme tokens, and copy the code.
Change a control and the calendar rebuilds with the new props, because the playground re-keys it. The code under the calendar updates with it. Theme controls set --vfc-* tokens, which do apply live.
Bound value
Generated code
<script setup>
import { ref } from 'vue'
import { FunctionalCalendar } from 'vue-functional-calendar'
import 'vue-functional-calendar/style.css'
const value = ref({})
</script>
<template>
<FunctionalCalendar
v-model="value"
is-date-range
can-clear-range
/>
</template>