Vue 3 Hebrew Date Picker

A Hebrew Date Picker component for Vue 3 that allows you to select Hebrew dates.

Features

• Select Hebrew dates with intuitive month and day selection.
• Displays the selected date in the Hebrew calendar format.
• Allows switching between months and years.
• Fully customizable with props and events.

Installation

You can install the component via npm:

npm i vue3-hebrew-date-picker

Global Registration

In your main.js:

import { createApp } from 'vue';
import App from './App.vue';
import HDatePicker from 'vue3-hebrew-date-picker';
const app = createApp(App);
app.component('HDatePicker', HDatePicker);
app.mount('#app');

Local Registration

In your component:

<template>
    <HDatePicker v-model="selectedDate" label="Select Date" id="hebrew-datepicker" />
</template>

<script setup>
import { ref } from 'vue';
import HDatePicker from 'vue3-hebrew-date-picker';
const selectedDate = ref(''); 
</script>

Props

Prop	Type	Description
modelValue	String	The selected date in YYYY-MM-DD format
label	String	The label text for the date picker
id	String	The ID attribute for the date picker input
error	Boolean	If set to true, shows an error state

License

This project is licensed under the MIT License.