moment js date range filter using antd

DateRangeFilter.js

import React from "react";
import { DatePicker, Button } from "antd";

import styles from "./DateRangeFilter.module.scss";

class DateRangeFilter extends React.PureComponent {
    
    handleChange = (value) => {
        if (!value) return;

        this.props.setSelectedKeys([value]);
        // NOTE: the problem is that setState is async so calling confirm here doesn't work
        this.props.confirm();
        // works if you set timeout
        // setTimeout(() => this.props.confirm(), 10);
    };

    handleResetSearch = (clearFilters) => {
        clearFilters();
        this.props.setFilterDeliveries(null);
    };

    render() {
        const { clearFilters } = this.props;

        return (
            <div className={styles.wrap}>
                <DatePicker.RangePicker
                    format="YYYY-MM-DD"
                    placeholder={["from", "to"]}
                    onChange={this.handleChange}
                    onOk={this.search}
                    allowClear={true}
                />
                <Button
                    onClick={() => clearFilters && this.handleResetSearch(clearFilters)}
                    size="small"
                    className={styles.button}
                >
                    Reset
                </Button>
            </div>
        );

    }
}

export default DateRangeFilter;

index.js

// column object 
{
      title: "DISPATCH",
      key: "dateOfDispatch",
      dataIndex: "dateOfDispatch",
      render: text => <Text>{text ? moment(text).format("YYYY-MM-DD") : "-"}</Text>,
      sorter: (a, b) => moment(a.dateOfDispatch).unix() - moment(b.dateOfDispatch).unix(), // firebase timestamp
      filterDropdown: (props) => <DateRangeFilter {...props} />,
      onFilter: (value, item) => {
        //const [from, to] = value;
        //if (!from || !to) return true;
        //return from.isSameOrBefore(item.dateOfDispatch) && to.isSameOrAfter(item.dateOfDispatch);
        
        // best way of date range
        const [from, to] = value;
        if (!from || !to) return true;
        return moment(item.dateOfArrival).isBetween(from, to, 'days', true);
      }
},