🚨 I start to redesigning this package. Here you can see the new artboards that well designed by eanlami. If you want to collabrate for this version feel free to make changes or contact me 😊

React component that helps you to makes simple Farsi/Jalali/Shamsi date picker. It also has range date picker you can select multiple days in multiple months.

$ npm install -S jalali-react-datepicker

import React from "react";
import { render } from "react-dom";
import { DatePicker } from "jalali-react-datepicker";

render(<DatePicker />, document.getElementById("root"));

You can access to datePicker value when submit button is clicked.

example:

function submitExample({ value }) {
  console.log("value ", value);
}

You can make range date picker with this component. In the below table you can see all the props you can pass to this component.

Note that all props are optional.

import React from "react";
import { render } from "react-dom";
import { RangeDatePicker } from "jalali-react-datepicker";

render(<RangeDatePicker />, document.getElementById("root"));

You can access to start and end date when submit button is clicked.

example:

function submitExample({ start, end }) {
  console.log("start ", start);
  console.log("end ", end);
}

• write DatePicker
• add label to inputs
• create codesandbox page for preview
• add TimePicker

Thanks goes to these wonderful people (emoji key):

Reza Khosroshahi 💻 📖 💡 🤔 ⚠️	saeedjalali 💬 🐛 💻 🤔 👀 📢	ZMashhadizadeh 💻 📦

This project follows the all-contributors specification. Contributions of any kind welcome!

MIT License