در حال حاضر از تقویم های میلادی ، هجری شمسی ، هجری قمری و هندی در این پکیج پشتبانی میشه.

برای استفاده از هر کدام از این تقویم ها باید پراپرتی calendar رو برابر با یکی از مقادیر زیر قرار بدید:

زبان های موجود عبارت اند از : انگلیسی ، فارسی ، عربی و هندی.

همچنین برای استفاده از هر کدام از این زبان ها باید پراپرتی locale رو برابر با یکی از مقادیر زیر قرار بدید:

شما میتونید هر کدام از این پراپرتی ها را که لازم میدونید چه در دیت پیکر و چه در تقویم در کنار هم استفاده کنید. به عنوان نمونه به مثال های زیر توجه کنید :

<Calendar /> 

<DatePicker /> 

<Calendar
  calendar="persian"
  locale="fa"
/> 

این پکیج به صورت پیشفرض از تقویم میلادی و زبان انگلیسی استفاده میکنه و direction پیشفرضش هم چپ به راست در نظر گرفته شده. به همین دلیل در صفحاتی که direction آن راست به چپ هست، باید مقدار calendarPosition را برابر با bottom-right قرار بدید.

فرمت پیشفرض نمایش تاریخ در input به صورت YYYY/MM/DD تعریف شده. در صورت نیاز و در صفحات راست به چپ، میتونید مقدار format رو به DD/MM/YYYY تفییر بدید.

<div style={{ direction: "rtl" }}>
  <DatePicker
    calendar="persian"
    locale="fa"
    calendarPosition="bottom-right"
  />
</div>

<Calendar
  calendar="arabic"
  locale="ar"
/> 

<Calendar
  calendar="indian"
  locale="hi"
/> 

<DatePicker
  calendar="persian"
  locale="en"
  calendarPosition="bottom-right"
/>