this component is based on umalqura calendar component
this component extends vuetify's v-date-picker
all of vuetify's v-date-picker props, slots, etc applies to this component
this component depends on ethiopic-calendar and vuetify you must install them before using it
npm install vuetify-ethiopian-calendar
# if you dont have ethiopic-calendar installed
npm install vuetify-ethiopian-calendar ethiopic-calendar
globally register the component
// src/main.js
import Vue from 'vue'
import VEthiopianDatePicker from 'vuetify-ethiopian-calendar'
Vue.component(VEthiopianDatePicker.name, VEthiopianDatePicker)
or import directly in your .vue files
<template>
<v-container>
<v-row>
<v-col cols="12" sm="6">
<v-ethiopian-date-picker v-model="date" locale="ar" />
</v-col>
</v-row>
</v-container>
</template>
<script>
import VEthiopianDatePicker from 'vuetify-ethiopian-calendar'
export default {
name: 'MyComponent',
data: () => ({
date: '2013-01-01'
})
components: {
VEthiopianDatePicker
}
}
</script>