אheb-date-picker

Hebrew calendar date picker · Angular

לוח עברי לבחירת תאריכים, בגימטריה.

רכיב Date Picker ל-Angular שמציג את הלוח העברי עם תאריכים כתובים כהלכה — כ״א אלול תשפ״ו. נסו את הלוח משמאל: החיצים באמת מנווטים בין חודשים ושנים.

$ npm i heb-date-picker כל ההדגמות ↓
כ״א אֱלוּל תשפ״ו
הפורמט מגיע מ-renderGematriya(): יום, חודש ושנה באותיות עבריות, עם ניקוד או בלעדיו — כולל ט״ו / ט״ז ושנים מעוברות (אדר א׳ / אדר ב׳). הלוח כאן מחשב הכל בזמן אמת.
Live demos

כל אפשרות — חיה, עם הקוד שמפעיל אותה

כל דמו הוא הרכיב האמיתי (בגרסת דפדפן), ולצידו קטע ה-Angular עם ה-props המדויקים. העתיקו והדביקו.

Reference

API

Inputסוגברירת מחדלתיאור
mode'single' | 'range''single'יום יחיד או טווח
valueDate | HebRange | nullnullהערך — [(value)], ngModel, formControl
min / maxDate | nullnullגבולות הבחירה (כולל)
disabledDates(d: Date) => booleantrue חוסם את היום
showNikudbooleanfalseגימטריה עם ניקוד
israelbooleantrueלוח חגים א״י או תפוצות
firstDayOfWeeknumber00=ראשון … 6=שבת
inlinebooleanfalseמוטמע במקום popup
placeholderstring'בחר תאריך'טקסט שדה ה-popup
valueChange (out)PickerValueנפלט בכל שינוי ערך
monthChange (out)HebMonthRefנפלט כשהחודש משתנה
Accessibility

ניווט מקלדת מלא

יום קודם / הבא (RTL)
שבוע אחורה / קדימה
תחילת / סוף השבועHome End
חודש אחורה / קדימהPgUp PgDn
בחירת היום שבמיקודEnter Space
סגירת ה-popupEsc