JSPM

  • Created
  • Published
  • Downloads 84815
  • Score
    100M100P100Q170999F
  • License MIT

a simple React datepicker component for work with gregorian, persian, arabic and indian calendars

Package Exports

  • react-multi-date-picker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-multi-date-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DatePicker

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

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