fk-react-ui-components/components/DatesRangePicker/index.js

Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should

import React from "react";
import 'react-dates/lib/css/_datepicker.css';
import {DayPickerRangeController, DateRangePicker} from 'react-dates';
import styles from "../StyleComponents/index.js";
let {DatePicker} = styles.datePicker;
export const DateRangePickerComponent = (props) => {
        return (<DatePicker>
            {props.isInputRequired ? <DateRangePicker className="date-range-picker" {...props} /> : <DayPickerRangeController {...props} />}
        </DatePicker>)
}