@diba/react-datepicker v1.2.0

React-Persian-Datepicker

React component for date inputs (Gregorian & Jalali). demo

Install

npm install @diba/react-datepicker --save-dev

Setup

Add Styles

CSS

SCSS

Calendar type

default: gregorian

available option: persian gregorian

import Datepicker from '@diba/react-datepicker';

<Datepicker calendar="gregorian" />
<Datepicker calendar="persian" />

Locale

default: en

available option: en fa

import Datepicker from '@diba/react-datepicker';

<Datepicker calendar="gregorian" locale="en" />

Locale

default: en

available option: en fa

import Datepicker from '@diba/react-datepicker';

<Datepicker calendar="gregorian" locale="en" />
<Datepicker calendar="gregorian" locale="fa" />
<Datepicker calendar="persian" locale="fa" />
<Datepicker calendar="persian" locale="en" />

Display Format

default: l

import Datepicker from '@diba/react-datepicker';

<Datepicker format="MMM D, YYYY" />

This is the most robust display option. It takes a string of tokens and replaces them with their corresponding values.