Stack Overflow
Stack Overflow

Questions tagged [mui-x]

This tag should be used for questions regarding the MUI X library: a collection of advanced React components including a data grid and date and time pickers. This project is maintained by MUI.

Related tags

  • for questions that are React-related.
  • for questions that are MUI X Data Grid related.
  • for questions that are MUI X Date Pickers related.
  • for questions that are Material UI related, another open-source UI library by MUI.
  • for questions that are Joy UI related, another open-source UI library by MUI.
  • for questions that are Base UI related, another open-source UI library by MUI.
136 questions
0
votes
2 answers

MUI-X autocomplete with TextField turns off cell edition

so basically when I click twice a on cell everything works fine. After I click it second time to be able to input text on the textfield cell stops editing. I'm able to choose an option tho, so I think issue is in somewhere in the textField, maybe in…
deBBuu
  • 21
  • 2
0
votes
0 answers

Reactjs , MaterialUI calendar days's names

How to change name of the day in week. I could not find anything in documentation neither google. I have not try anything as I said I could not find any info about it.
Rahman Aliyev
  • 78
  • 4
0
votes
1 answer

How to return the id of a mui datagrid row from an onClick event

I'm trying to use a material-ui datagrid that's being populated by a sql database to be able to edit what's inside of the database, I want that to be done via a form instead of simply editing the rows and cells individually. I want to pass the id of…
SteveNova
  • 1
  • 3
0
votes
0 answers

MUI X Data Grid edit row with nested Objects

I have problem during editing rows in x-data-grid. My JSON: [ { "id": 1, "name": "komputer", "slider": true, "producent": "asus", "description": null, "image": "../Images/komputer5.jpg", …
asdasdas
  • 69
  • 1
  • 6
0
votes
1 answer

I can't add 1 day on MUI X Date picker on button press

I am currently trying to add 1 day to my date picker on button press but it instead goes to 01/01/1970 when I try to add 1 day to it! Same as when I try to subtract 1 to it What I'm trying to achieve is this : Here's an image of my Date…
iMilky
  • 3
  • 2
0
votes
0 answers

Mui DataGrid > renderCell > useValue from renderCell

I have a field in the Datagrid with renderCell. The Value i have to display will be fetched inside the AlertIssues-Component as the original Data just provides the uuid to fetch the corresponding data (issue amount). So props.row._id is use in…
el-j
  • 11
  • 3
0
votes
1 answer

MUI V4: How to use conditional row coloring

I have a basic Material UI v4 datagrid. I am trying to change the any row that has age of 16 to all grey color: 'grey'. I am struggling to do this. The docs are not very clear on how to change an entire rows font color. Here is the code. import * as…
Steve
  • 197
  • 7
  • 17
0
votes
2 answers

How to remove default selected date in Calendar @material-ui/pickers?

I am using the calendar in my project https://material-ui-pickers.dev/demo/datepicker. When I open the calendar by clicking a textbox for the very first time, I don't want today's date to be selected and want it to be empty. Can anyone help me with…
Anoop Chauhan
  • 3
  • 2
  • 6
0
votes
1 answer

i am getting error after i selecting the date from @material-ui/pickers in React.js

I have a form in this i create date picker field, i set by default as using new Date() its working fine. But when i select any date i am getting this error. when i am using {TextField} component then it works fine but i can't set default value as a…
Adnan Shaikh
  • 37
  • 10
0
votes
0 answers

React MUI X Date Picker can't show date time

Strange bug. Format 'DD/MM/yyyy HH:mm' shows 27/10/2021 00:00, but 'HH:mm' shows 21:47 (right time) Do you know what can be the issue?
Mediator
  • 14,951
  • 35
  • 113
  • 191
-1
votes
1 answer

In Mui x datepicker how can i set popper direction of Datepicker?

My Datepicker always pop in bottom left of my input. how can i change direction to calendar icon instead. i have try for many hours enter image description here
Sarawut Nangyam
  • 3
  • 1
-1
votes
0 answers

Issue with fetching value options in MUI DataGrid's valueOptions function

I'm encountering an issue while trying to fetch value options for a singleSelect column in the MUI DataGrid. Even though I'm seeing the network response passing back the expected data (an array of string), the valueOptions function is not populating…
Veronica Canido
  • 29
  • 4
-1
votes
0 answers

How to draw a benchmark line(from x & y co-ordinated customized) in a mui chart along with bar chart

enter image description hereHow to draw a benchmark line(from x & y co-ordinated customized) in a mui-x reactchart along with bar chart. I am able to do the same using reactchartjs library but I need help in doing the same using…
Jayakumar Manickavasagam
  • 1
  • 1
-1
votes
1 answer

Mui DatePicker v6: How to change default icon and its position through slots

I need this: instead of this: But now the date picker(@mui/x-date-pickers 6.x) has switched to slots, and there are very few examples on the Web.
Serafim
  • 353
  • 3
  • 10
-2
votes
1 answer

How can I format date in x-date-picker?

I've tried to use format="l" format="m/d/yyyy" I want this format m/d/yyyy, I mean I'd like the day and the month without zeroes. How I do that? P.S.: I am using this datepicker in the material UI datagrid. I tried to check in the dayjs/datepicker…
Claudio Cavalcante Tonha
  • 47
  • 3
1 2 3
…
9
10