Skip to content

intrahealth/vuetify-ethiopian-calendar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>

About

vuetify date picker for umalqura calendar

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%