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
formattingIgnoreList	Array	undefined	both
local	String	en	both
calendar	String	gregorian	both
mapDays	Function	undefined	both
onChange	Function	undefined	both
className	String	""	both
weekDays	Array	undefined	both
months	Array	undefined	both
showOtherDays	Boolean	true	both
minDate	Date, DateObject, String or Number	undefined	both
maxDate	Date, DateObject, String or Number	undefined	both
disableYearPicker	Boolean	undefined	both
disableMonthPicker	Boolean	undefined	both
animation	Boolean	false	DatePicker
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
scrollSensitive	Boolean	true	DatePicker
hideOnScroll	Boolean	false	DatePicker
calendarPosition	String	auto	DatePicker
containerStyle	Object	undefined	DatePicker
containerClassName	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