A ready-to-use Nepali (Bikram Sambat) date picker component for Vue 3, Vue 2, and React — built on top of nepali-date-library.
<!-- npm install nepali-datepicker-vue -->
<script setup>
import { ref } from "vue";
import NepaliDatePicker from "nepali-datepicker-vue";
const date = ref("");
</script>
<template>
<NepaliDatePicker
v-model="date"
placeholder="YYYY-MM-DD"
:year-select="true"
:month-select="true"
/>
</template><!-- npm install nepali-datepicker-vue2 -->
<script>
import NepaliDatePicker from "nepali-datepicker-vue2";
export default {
components: { NepaliDatePicker },
data() {
return { date: "" };
},
};
</script>
<template>
<NepaliDatePicker
v-model="date"
placeholder="YYYY-MM-DD"
:year-select="true"
:month-select="true"
/>
</template>// Stay tuned for the React component package!Full-featured date picker for Vue 3 with TypeScript support and Composition API.
View Vue 3 Docs →A React version of the Nepali date picker is currently in development.