¿Cómo filtrar por fecha mayor que el valor actual en la tabla de materiales?
Esto es lo que logré hasta ahora, está filtrando por fecha exacta y necesito filtrar todos los valores que son> = ese valor actual en la tabla.
<TableMaterial title="" columns={[ { title: `${t('description')}`, field: 'description' }, {title: `${t('due_date')}`, field: 'due_date', type: 'date', align: 'center', filterComponent: (props) => <CustomDatePicker {...props} />} }] data={allData} />Y esto es CustomDatePicker
const CustomDatePicker = (props) => { const [date, setDate] = useState(null); return ( <MuiPickersUtilsProvider utils={DateFnsUtils}> <KeyboardDatePicker id="date-picker-dialog" format="dd/MM/yyyy" clearable value={date} onChange={(event) => { setDate(event); props.onFilterChanged(props.columnDef.tableData.id, event); }} KeyboardButtonProps={{ "aria-label": "change date" }} /> </MuiPickersUtilsProvider> ); };Cualquier ayuda es apreciada. ¡Gracias!
Logré resolver esto sin el componente CustomDatePicker , ya que la tabla de materiales ya ha incorporado el selector de fecha cuando se establece el type:date .
Entonces, lo que se necesita es solo función y llamarlo en Material Table:
const handleDateFilter = (term, rowData) => { return new Date(term).setHours(0, 0, 0, 0) <= new Date(rowData.due_date) ? true : false; }; <TableMaterial title="" columns={[ { title: `${t("description")}`, field: "description" }, { title: `${t("due_date")}`, field: "due_date", type: "date", align: "center", customFilterAndSearch: (term, rowData) => handleDateFilter(term, rowData), }, ]} data={allData} />