react-multi-date-picker

DatePicker

Installation

npm install --save react-multi-date-picker

Usage

import react from "react";
import DatePicker from "react-multi-date-picker";

export default function Example() {
  return <DatePicker />;
}

Demo

https://shahabyazdi.github.io/react-multi-date-picker

Availble props

Name	Type	Default	Availability (DatePicker/ Calendar)
value	Date, DateObject, String, Number or Array	new Date()	both
multiple	Boolean	false (true if value is Array)	both
range	Boolean	false	both
timePicker	Boolean	false	both
onlyTimePicker	Boolean	false	both
onlyMonthPicker	Boolean	false	both
onlyYearPicker	Boolean	false	both
mustShowDates	Boolean	false (true in multiple & range mode)	both
format	String	YYYY/MM/DD	both
local	String	en	both
calendar	String	gregorian	both
onChange	Function	undefined	both
className	String	""	both
weekDays	Array	undefined	both
months	Array	undefined	both
showOtherDays	Boolean	true	both
inputClass	String	""	DatePicker
name	String	""	DatePicker
style	Object	{}	DatePicker
type	String	input	DatePicker
render	React.Component or Function	undefined	DatePicker
disabled	Boolean	false	DatePicker
placeholder	String	""	DatePicker
inputMode	String	undefined	DatePicker

Calendars and Locals

Calendars	Locals
gregorian (default)	en (default)
persian	fa
arabic	ar
indian	hi

Types

DatePicker Types
input (default)	input-icon	icon	button	custom