I had a question regarding breakpoints when dealing with responsiveness. I'm using Material UI, which has breakpoints at which you can enable different CSS styles. These are predefined, like xs, xl, md, etc.. I want to set breakpoints at custom…
<LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale={"ja"} localeText={jaJP.components.MuiLocalizationProvider.defaultProps.localeText}> <DatePicker {...field} label="testlabel" slotProps={{ textField: { variant: "outlined", name: "testDate" }, toolbar: { hidden: true }, }} /> </LocalizationProvider> with the code above, I get this ↓ Does anyone know how I can change '6 2023'…
Currently I'm trying to apply the styling of TableHead to TableRow as well but I'm getting Warning: validateDOMNesting(...): cannot appear as a child of . how to fix this without warning message. CollapisbleTableRow.js import React, { Fragment, useCallback } from…
Langage used : javascript with react, redux toolkit and mui Problematic : I am trying to set all checkbox selected from different datagrid to one state What I have tried and done : I tried to set first the checkbox…
I want to make validation for numbers with scientific notation ('e', '+', '-', '.') using regex i tried some of but that's not working like Regular Numbers /^(0|[1-9]d*)(e-?(0|[1-9]d*))?$/i Whole positive and negative number regex validation, supports numbers like -6e4, -16e-10,…
I aim to create a custom MUI accordion which should look like this: Now, I have attempted in creating this custom MUI accordion using these code structure (this accordion also uses some custom search box functionality and custom accordion data)…
I'm new to react and material UI and I'm trying to make a dropdown select component. I want to be able to pass onChange functions to the component from the parent, and I've followed the official documentation, but selecting the…
Here working sample code which i copied from MUI webpages import * as React from 'react'; import { DataGrid, GridToolbar } from '@mui/x-data-grid'; const rows = [ { id: 1, username: '@MUI', age: 38, desk: 'D-546', }, { id: 2,…
I'm using React/MUI for the first time and am unable to make themes work consistently. Here's a simple example of something that doesn't work for me, a Box: import { createTheme, ThemeProvider } from '@mui/material/styles'; import Box from '@mui/material/Box' const…
Can anyone tell me how to add telephone number to the react bootstrap buttons, when clicking should call that number. I have used div tags and link to make it look like a button. what I want to do is…