custom component date picker for filter not change filter value

[asadkhalili]

Hi dear
I use a custom component for date picker in filter a column.
after change date in in datepicker filter value not change and not fire fetch date, please help me.

    const [selectedDate, handleDateChange] = useState(moment());

...

{
            accessorKey: 'reserve_date',
            header: 'تاریخ',
            size: '15%',
            accessorFn: (row) => moment.unix(row.reserve_date).format('YYYY/M/D HH:mm'),
            Filter: ({header}) => (
                <MuiPickersUtilsProvider utils={JalaliUtils} locale="fa">
                    <DatePicker
                        clearable
                        okLabel="تأیید"
                        cancelLabel="لغو"
                        clearLabel="پاک کردن"
                        labelFunc={date => (date ? date.format("jYYYY/jMM/jDD") : "")}
                        value={selectedDate}
                        onChange={date => handleDateChange(date)}
                    />
                </MuiPickersUtilsProvider>
            ),
        },

[asadkhalili]

solved, edit code to this:

value={header.column.getFilterValue() ?? moment()}
onChange={(date) =>header.column.setFilterValue(date || undefined)  }

[firedevelop]

Dear,
please, can you share a full example table? I would like to add 2 datapicker column filter table like:
Name | Start Date | End Date

Thanks!

[KevinVandy]

Take a look at the Advanced Example on the docs site. The last column has a custom date filter