dq-persian-datepicker

1.0.0 • Public • Published

React Reserve Rangepicker

Gregorian and Persian (Jalaali) Calendar

Installation

npm

npm install react-itours-rangepicker

yarn

yarn add react-itours-rangepicker

Usage

Rangepicker Component

/* @flow */
import React, { PureComponent } from "react";
import { Rangepicker } from "react-itours-rangepicker";

class MyComponent extends PureComponent {
  render() {
    return (
      <div className="MyComponent">
        <Rangepicker />
      </div>
    );
  }
}

export default MyComponent;

Datepicker Component

/* @flow */
import React, { PureComponent } from "react";
import { Datepicker } from "react-itours-rangepicker";

class MyComponent extends PureComponent {
  render() {
    return (
      <div className="MyComponent">
        <Datepicker />
      </div>
    );
  }
}

export default MyComponent;

API

The following APIs are shared by Datepicker and Rangepicker.

Property Description Type Default Example
enableDateFrom To specify the start of the active date interval string - enableDateFrom="2019-07-25"
enableDateTo To specify the end of the active date interval string - enableDateTo="2019-07-30"
disablePastDays Specifies whether or not the previous days are selectable boolean False
preventTwice Prevents duplicate selection of a date boolean False
showTime to provide an additional time selection object / boolean False showTime={{ format: ‘HH:mm’ }}
disabledHourFrom To specify the start of the inactive time interval object { } disabledHourFrom={10}
disabledHourTo To specify the end of the inactive time interval object { } disabledHourTo={12}
disabledMinuteFrom To specify the start of the inactive minute interval object { } disabledMinuteFrom={20}
disabledMinuteTo To specify the end of the inactive minute interval object { } disabledMinuteTo={30}
startPlaceholder Change first input placeholder string Start Date ``
endPlaceholder Change second input placeholder string End Date ``

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Package Sidebar

Install

npm i dq-persian-datepicker

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

1.91 MB

Total Files

29

Last publish

Collaborators

  • danialq