range-picker-package

Persian range picker with single calendar and time picker option.

Instalation

$ npm i range-picker-package

Use

import RangePicker from 'range-picker-package';

<RangePicker
    onSelect={(range) => {
        Selected range
    }}
/>

API Reference

| API | Type | required | Default | Description | | ----------------- | ---------------------------- | :--------: | :--------------: | ----------------------------------------------------------------------------------------------------------------------------------- | | range | number[] | ✘ | - | set a default range to range picker | | type | "WITH_TIME" , "WITHOUT_TIME" | ✘ | "WITHOUT_TIME" | select range picker type, "WITHOUT_TIME" is default value and shows calendar range picker and "WITH_TIME" will show time picker too | | disableAfterDays | number | ✘ | - | disable days after selected timestamp | | disableBeforeDays | number | ✘ | - | disable days before selected timestamp | | buttonClassname | string | ✘ | - | Add optional classes to the submit button or overwrite it | | buttonClassname | string | ✘ | - | Add optional classes to the submit button or overwrite it | | className | string | ✘ | - | Add optional classes to the range picker wrapper | | onSelect | function => CalendarRange | ✓ | - | returns selected range as CalendarRange with { start , end } |