Skip to content
On this page

Methods

List of available methods that you can call on the datepicker from the external code

Add a ref to the component, and call the method on that ref

Code Example
vue
<template>
    <Datepicker v-model="date" ref="datepicker" />
</template>

<script>
import { ref } from 'vue';

export default {
    setup() {
        const date = ref();
        const datepicker = ref(null);

        const yourCustomMethod = () => {
          if (datepicker) {
            // Close the menu programmatically
            datepicker.value.closeMenu()
          }
        }
        
        return {
          date,
        }
    }
}
</script>

selectDate

When called and there is an active selection, it will select that date.

closeMenu

Closes the datepicker menu

openMenu

Opens the datepicker menu

clearValue

Clears the selected value

Released under the MIT License.