FormRangeDatepicker

@s-ui/react-form-range-datepicker

A React component that show a date range. You can select a start date and end date. When press the button, you get the date range between the dates.

This component use npm component: react-datepicker.

Installation

npm install @s-ui/react-form-range-datepicker --save

Usage

import FormRangeDatepicker from '@s-ui/react-form-range-datepicker'

function handleClick (range) {
  console.log('handleClick', range)
}

function handleChangeStart (date) {
  console.log('handleChangeStart', date)
}

function handleChangeEnd (date) {
  console.log('handleChangeEnd', date)
}

<FormRangeDatepicker buttonLabel='Test' handleClickButton={handleClick} handleChangeStart={handleChangeStart} handleChangeEnd={handleChangeEnd} />