Package Exports

vuetify-umalqura

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vuetify-umalqura) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

a vuetify date picker for umalqura calendar

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 @umalqura/core and vuetify you must install them before using it

Installation

npm i vuetify-umalqura

# if you dont have @umalqura/core installed
npm i vuetify-umalqura @umalqura/core

Usage:

globally register the component

// src/main.js
import Vue from 'vue'

import VHijriDatePicker from 'vuetify-umalqura'

Vue.component(VHijriDatePicker.name, VHijriDatePicker)

or import directly in your .vue files

<template>
  <v-container>
    <v-row>
      <v-col cols="12" sm="6">
        <v-hijri-date-picker v-model="date" locale="ar" />
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
import VHijriDatePicker from 'vuetify-umalqura'

export default {
  name: 'MyComponent',
  data: () => ({
    date: '1406-04-09'
  })
  components: {
    VHijriDatePicker
  }
}
</script>