Comments (5)
Hey @karudedios it seems the example you linked is incomplete.
The Created on
column is a date and therefore cannot have a multiple value input.
At least not in the implementation you linked.
Did you mean to provide a custom filtering mechanism for dates, to select multiple values?
from mui-x.
Hi @michelengelen, thanks for noting it- I had copied the link from original sandbox pointed at one of MUI's demos instead of the version I forked/modified.
The correct Code Sandbox is https://codesandbox.io/p/sandbox/dark-fire-x498pg, which I've now updated in the description as well.
Did you mean to provide a custom filtering mechanism for dates, to select multiple values?
Yes, I added a custom isAnyOf
filter as the sole filter operator for any type: 'date'
column for easy demoing
from mui-x.
Thanks for that.
Indeed I would say as well that we could allow for 'date'
and 'datetime-local'
to be accepted as well on the input.
diff --git a/packages/x-data-grid/src/components/panel/filterPanel/GridFilterInputMultipleValue.tsx b/packages/x-data-grid/src/components/panel/filterPanel/GridFilterInputMultipleValue.tsx
index 0d39447e6..a7f3e805e 100644
--- a/packages/x-data-grid/src/components/panel/filterPanel/GridFilterInputMultipleValue.tsx
+++ b/packages/x-data-grid/src/components/panel/filterPanel/GridFilterInputMultipleValue.tsx
@@ -6,7 +6,7 @@ import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
import { GridFilterInputValueProps } from './GridFilterInputValueProps';
export type GridFilterInputMultipleValueProps = {
- type?: 'text' | 'number';
+ type?: 'text' | 'number' | 'date' | 'datetime-local';
} & GridFilterInputValueProps &
Omit<AutocompleteProps<string, true, false, true>, 'options' | 'renderInput'>;
@@ -113,7 +113,6 @@ GridFilterInputMultipleValue.propTypes = {
operator: PropTypes.string.isRequired,
value: PropTypes.any,
}).isRequired,
- type: PropTypes.oneOf(['number', 'text']),
} as any;
export { GridFilterInputMultipleValue };
objections @mui/xgrid ?
from mui-x.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.
@karudedios: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.
from mui-x.
Hi @michelengelen, just wanted to ping on this and check if the PR I submitted for this looks OK and/or if it could get a reviewer assigned, it's linked to this issue but I'm also happy to re-post it for easier visibility #13411.
Thanks for your time, and no rush- it's a pretty small issue, albeit a little noisy.
from mui-x.
Related Issues (20)
- [data grid] Select/deselect all is not working as expected in data grid premium with row grouping HOT 3
- [data grid] Customize grouping Rows HOT 10
- [TreeView] Use selectors on `TreeItem` instead of `instance` methods
- [pickers] The monthly label moves up with quickly switch between months HOT 5
- [DataGrid] Improve keyboard navigation based on the ARIA spec
- [data grid] Unexpected keyboard tab navigation behaviour within cells HOT 9
- [docs] Add a recipe for persisting filters on page refresh HOT 2
- [data grid] Add new rows on paste HOT 1
- @mui/x-license 7.12.1 not available HOT 1
- [data grid] Exception when printing styled Data Grid with hidden columns "Cannot read properties of null (reading 'cloneNode')" HOT 4
- [data grid] Editing row from example code not working HOT 1
- [data grid] Apply page level filtering once all filter are selected and click on button like 'Apply Filters' HOT 2
- [pickers] How to extend type for `slotProps`? HOT 3
- Date Time Range Picker HOT 1
- [data grid] Copy & Paste on Cells using localize keyboard HOT 3
- [data grid] Bundle size win opportunities
- [pickers] Customization DX, ideas
- [data grid] TanStack Query integration demos HOT 2
- [tree view] `apiRef` type is `Partial<{}>` which causes Typescript compilation to fail HOT 5
- [pickers][DatePicker] Calendar not fully displayed and next arrow unresponsive HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.