React-fa-datepicker NPM

react-fa-datepicker

Persian Calendar and DatePicker for React

Install

npm install --save react-fa-datepicker

Demo

Online Demo

React Farsi Calendar and Date Picker

Usage

import { useState } from 'react';
import { Calendar, DatePicker } from 'react-fa-datepicker';

const MyComponent = () => {

	const [selectedDate, setSelectedDate] = useState("1400/12/27");

	return (
		<DatePicker 
			defaultValue={selectedDate}
			format="YYYY/M/D" 
			onChange={(selectedDate, dateObject) => setSelectedDate(selectedDate)} 
			prevYears={10} 
			nextYears={0}
			calendarPosition='bottom-right'
		/>
	)
}