DateRangePicker is a simple component to get a range of dates, it returns start date and end date.
import { DateRangePicker } from "@maiconleffa/date-range-picker";
export function Demo() {
function handleChange(dateRange) {
console.log(dateRange)
}
return (
<div>
<DateRangePicker onChange={handleChange} />
</div>
);
};Props
| Prop | Default | Description |
|---|---|---|
| onChange | - | Event when apply button is pressed |
| disableFuture | false | If true user can not selected dates after today date |
| maxRange | 366 | The amount of days in between two dates that user can select |
| value | null | The current value of the component |
| waitForApply | true | If true onChange event is trigger only when apply button is pressed |
| applyButton | 'Apply' | Text inside apply button |
| cancelButton | 'Cancel' | Text inside cancel button |
onChange { startAt: Date Object, endAt: Date Object }