@maiconleffa/date-range-picker v1.3.0

DateRangePicker

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 }