- Notifications
You must be signed in to change notification settings - Fork3
React component that can select an range of months separated by year
License
NotificationsYou must be signed in to change notification settings
viniarruda/react-month-range-picker
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
React component that can select an range of months separated by year
You can find more information innpm
yarn add @viniarruda/react-month-range-pickerornpm i @viniarruda/react-month-range-pickerDemohere
To run that demo on your own computer:
Clone this repositoryyarn installyarn storybookVisit http://localhost:6006/| Props | type | defaultValue | Info |
|---|---|---|---|
| columns | 1 or 2 | 1 | Columns to show |
| initialYear | number | 2020 | The first initialYear |
| locale | string | en-US | ex:en-US |
| onRangeSelect | function | required | Pass an function to get the RangeParams |
| calendarClassname | string | optional | Pass anclassName to style calendar container |
| headerClassname | string | optional | Pass anclassName to style calendar header |
| monthClassname | string | optional | Pass anclassName to style month item |
To control the month styles, you can usemonthClassName="month" and this name will increment to variant month.
Soo, you can control the styles using:
.month_start.month_selected.month_end
onRangeSelect:(params:RangeParams)=>voidtypeRangeParams={startMonth: numberstartYear: numberendMonth: numberendYear:number}
About
React component that can select an range of months separated by year
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.