# Introduction

This persian / jalali datepicker package is implemented with vue 3, it's simple and light.

All date manipulation and formatting are done via the PersianDate library, so it's a direct dependency of this picker.

# Example

CodeSandBox Demo, Choose a date:

Datepicker comes with less styling, but input itself does not. You can use .datePicker class for styling input and all elements, like:

.datePicker input {
  /* add css style to the input */
}

# Installation

This section you can installing the package with npm or yarn.

Npm

$ npm install vue3-persian-datepicker

Yarn

$ yarn add vue3-persian-datepicker

Then import it in your code and use as a usual component:

<script>
import DatePicker from "vue3-persian-datepicker";
import "vue3-persian-datepicker/dist/datepicker.min.css";
import { reactive } from "@vue/reactivity";

export default {
  setup() {
    const state = reactive({
      date: "",
    });

    return {
      DatePicker,
      state,
    };
  },
};
</script>

<template>
  <DatePicker v-model="state.date" />
</template>

const state = reactive({ date: "1399/12/16" // for example })

# Available props

# Events

These events are emitted on actions in the datepicker

# License

MIT