react-jewish-datepicker

React Jewish Date Picker

Reactৰ সৈতে কাম কৰা আৰু হিব্ৰু আৰু ইংৰাজী সমৰ্থিত সাধাৰণ ইহুদী তাৰিখ নিৰ্বাচক কম্পোনেন্ট।

ডেমো আৰু ডকুমেন্টেশ্যন পৃষ্ঠাও চাওক।

স্থাপনা

yarn add react-jewish-datepicker

npm install react-jewish-datepicker --save

css আমদানী কৰক

import "react-jewish-datepicker/dist/index.css";

@import url("react-jewish-datepicker/dist/index.css");

ব্যৱহাৰ

#### টাইপস্ক্ৰিপ্ট উদাহৰণ:

import * as React from "react";
import {
  ReactJewishDatePicker,
  BasicJewishDay,
  BasicJewishDate
} from "react-jewish-datepicker";
import "react-jewish-datepicker/dist/index.css";
import {
  JewishMonth,
} from "jewish-dates-core";
export default function App() {
  const [basicJewishDay, setBasicJewishDay] = React.useState();
  const basicJewishDate: BasicJewishDate = {
    day: 13,
    monthName: JewishMonth.Elul,
    year: 5788
  };
  return (
    <>
      

        Hebrew:
         {
            setBasicJewishDay(day);
          }}
        />
      
    
  );
}

#### JavaScript example:

import * as React from "react";
import { ReactJewishDatePicker, BasicJewishDay } from "react-jewish-datepicker";
import "react-jewish-datepicker/dist/index.css";
export default function App() {
  const [basicJewishDay, setBasicJewishDay] = React.useState();
  return (
     {
        setBasicJewishDay(day);
      }}
    />
  );
}

props

| Prop name | বিৱৰণ | Value types | | --------- | -------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | | canSelect | এটা ফাংশন গ্ৰহণ কৰে যিয়ে নিৰ্ধাৰণ কৰে এটা দিন নিৰ্বাচনযোগ্য নে নহয় | (day: BasicJewishDay) => condition ? false : true | | isHebrew | ঐচ্ছিক। ভিউ ভাষা হিব্ৰু নে ইংৰাজী, ডিফ’ল্ট হৈছে false | false \| true | | isRange | ঐচ্ছিক। তাৰিখ ৰেঞ্জ নিৰ্বাচনৰ অনুমতি। ডিফ’ল্ট হৈছে false | false \| true | | onClick | এটা তাৰিখ নিৰ্বাচিত হ’লে ক'লব্যাক | (day: BasicJewishDay) => console.log(day) \| (startDay: BasicJewishDay, endDay: BasicJewishDay) => console.log(startDay, endDay) | | value | ঐচ্ছিক। প্ৰাৰম্ভিক নিৰ্বাচিত তাৰিখ | Date \| BasicJewishDate \| BasicJewishDateRange \| DateRange |

canSelect prop

canSelect এ এটাই costum function অথবা তলত দিয়া বিল্ট-ইন ফাংশনসমূহ গ্ৰহণ কৰিব পাৰে।

#### dontSelectHolidays([isIsrael: boolean]) ⇒ (day: BasicJewishDay) => boolean

isIsrael পেৰাম গ্ৰহণ কৰে আৰু এটা ফাংশন উলিয়ায় যাক canSelect প্ৰপলৈ পঠিয়াব পাৰি, যাতে বন্ধ দিব পাৰে (সম্বন্ধীয় isIsrael পেৰামৰ সৈতে) বন্ধ দিনসমূহ নিৰ্বাচন।

| Param | ধৰণ | ডিফ’ল্ট | | ----- | ------ | ----- | | isIsrael | boolean | false |

উদাহৰণ চাওক এতিয়া

#### dontSelectShabat(day: BasicJewishDay) ⇒ boolean

এটা ফাংশন যাক canSelect প্ৰপলৈ পঠিয়াব পাৰি, যাতে শ্বাবত নিৰ্বাচন বন্ধ কৰিব পাৰে।

উদাহৰণ চাওক এতিয়া

#### dontSelectShabatAndHolidays([isIsrael: boolean]) ⇒ (day: BasicJewishDay) => boolean

isIsrael পেৰাম গ্ৰহণ কৰে আৰু এটা ফাংশন উলিয়ায় যাক "canSelect" প্ৰপলৈ পঠিয়াব পাৰি। ই dontSelectHolidays আৰু dontSelectShabat একত্ৰিত কৰে যাতে দুয়োটাই—শ্বাবত আৰু বন্ধ দিন—নিৰ্বাচন বন্ধ কৰে।

| Param | ধৰণ | ডিফ’ল্ট | | ----- | ------ | ----- | | isIsrael | boolean | false |

উদাহৰণ এত চাওক

#### dontSelectOutOfRange(minDate: Date | null, maxDate: Date | null) ⇒ (day: BasicJewishDay) => boolean

সৰ্বনিম্ন তাৰিখ আৰু সর্বোচ্চ তাৰিখ লৈ এটা ফাংচন ৰিটার্ন কৰে যি "canSelect" প্ৰপত পঠিয়াব পাৰে, দিয়া ৰেঞ্জৰ বাহিৰত বাচনি কৰাৰ পৰা বাধা দিবলৈ।

আপুনি কেৱল এটা পেৰামত তাৰিখ দিব পাৰে আৰু আনটোত null দিব পাৰে। এই ক্ষেত্ৰত, বাচনি কৰিব পৰা ৰেঞ্জটো সর্বোচ্চ তাৰিখলৈ বা সর্বনিম্ন তাৰিখৰ পৰা হব।

| Param | Type | | ----- | ------ | | minDate | Date \| null | | maxDate | Date \| null |

উদাহৰণ এত চাওক

সহায়ক ফাংচনসমূহ

#### addDates(date: BasicJewishDate | Date, numDays: number) ⇒ Date

dontSelectOutOfRange-ৰ বাবে সহায়ক ফাংচন।

এটা BasicJewishDate অবজেক্ট বা এটা Date লৈ, তাৰিখৰ অন্তৰাল (numDays) যোগ কৰি নতুন তাৰিখ ৰিটার্ন কৰে।

| Param | Type | | ----- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

উদাহৰণ এত চাওক

#### subtractDates(date: BasicJewishDate | Date, numDays: number) ⇒ Date

dontSelectOutOfRange-ৰ বাবে সহায়ক ফাংচন।

এটা BasicJewishDate অবজেক্ট বা এটা Date লৈ, তাৰিখৰ অন্তৰাল (numDays) বিয়োগ কৰি নতুন তাৰিখ ৰিটার্ন কৰে।

| Param | Type | | ----- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

উদাহৰণ চাওক এতিয়া

jewish-dates-core

vue.js বা angular-ত এখন jewish date picker সৃষ্টি কৰিবলৈ, আমাৰ core dependency চাওক।

jewish-date

যদি আপোনাৰ কেৱল date picker নোহোৱা হিব্ৰু তাৰিখ ৰূপান্তৰকাৰী লাগিব, তেন্তে jewish-date ব্যৱহাৰ কৰিব পাৰে।

Contributors

• Shmulik Kravitz
• Sagi Tawil
• Yochanan Sheinberger