Package Exports

vue3-hebrew-date-picker
vue3-hebrew-date-picker/index.js

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 (vue3-hebrew-date-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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 - see the LICENSE file for details.