react-multi-date-picker

react-multi-date-picker copied to clipboard

regards, due to that the buttons does not do anything in disabled state, it can not be distinguished which button is disabled and how can take that disabled element, if there is a way i will be happy to be shared

const CustomRightArrow = () => (
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
        <path d="M7.1775 4.4475L2.625 9L7.1775 13.5525" stroke="#808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
        <path d="M15.375 9H2.7525" stroke="#808080" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
);

<DatePicker renderButton={(direction, handleClick) => {

            return direction === 'right' ? (
                <div className='rmdp-arrows left-arrow' onClick={(e) => { handleClick(); console.log(e) }}>
                    <CustomRightArrow />
                </div>
            ) : (
                <div className='rmdp-arrows right-arrow' style={{ transform: "rotate(180deg)" }} onClick={(e) => { handleClick(); console.log(e) }}>
                    <CustomRightArrow />
                </div>

            );
        }}

/>