Skip to content

Latest commit

 

History

History
61 lines (43 loc) · 1.33 KB

README.md

File metadata and controls

61 lines (43 loc) · 1.33 KB

a vuetify date picker for Ethiopian calendar

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

Installation

npm install vuetify-ethiopian-calendar

# if you dont have ethiopic-calendar installed
npm install vuetify-ethiopian-calendar ethiopic-calendar

Usage:

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>