Hebrew Date-Picker
Embeddable calendar widget with parshah. Feel free to use this Hebrew date-picker on your website — it converts between Jewish and civil dates and shows the parshah and holidays for every day.How to add the date-picker to your siteOld version of datepicker
Date-range picker component
Demo of the Hebrew date-range picker.What it does
- Converts any civil (Gregorian) date to its Hebrew date, and back
- Shows the parshah of the week and every Yom Tov, fast day and Rosh Chodesh
- English or Yiddish labels, and a full month view in the Hebrew or civil calendar
- Works in any website — plain HTML, React, or any framework
Embed it on your site
One script and one stylesheet — served from jewishluach.com, no signup and no key required. Attach the widget to any element and get the selected date back in both calendar systems.
<link rel="stylesheet" href="https://jewishluach.com/dist/bundle.umd.css">
<script src="https://jewishluach.com/dist/bundle.umd.js"></script>
<input id="hebrew-date" type="text">
<script>
const { JewishCalendarPicker, LanguageName, CalendarType } = window.JL;
JewishCalendarPicker(document.querySelector('#hebrew-date'), {
lang: LanguageName.English, // or LanguageName.Yiddish
type: CalendarType.Gregorian, // or CalendarType.Jewish
onChange: (day) => console.log(day)
});
</script>Full options, events and examples are in the documentation. Read the documentation