I am using the DesktopDateTimePicker component from Material-UI (MUI) in my React application. This component is designed for desktop use, and it does not fit well on mobile screens. I would like to customize the DesktopDateTimePicker to make it more…
I need to submit the form with react hook form with zod validation. But in my condition, the submit button was outside of the form tag. So I used the id form method. ( please sudjust any other method as…
Would appreciate if someone could help me understand the problem. I have a simple webpage with MUI components, and I would like to add a sticky footer at the very bottom. However, the footer ends up in the middle of…
I'm working on a project using Material UI (MUI) and specifically the DateTimePicker component from the @mui/x-date-pickers package. I'd like to change the colors of the AM/PM buttons. MUI often abstracts styling details and that you have to target specific…
I have Autocomplete to select multiple options from React MUI. When out of focus, I want it to show only that amount of tags, that fits into one row. I can use limitTags={3}, to limit the number of tags. But…
I am building a project using next14.2.4 and mui5.15.20. Here are the parts of code I am getting problem at. theme.js "use client"; import { createTheme } from "@mui/material"; import { createContext, useMemo, useState } from "react"; //use different color…
I have many checkboxes, and use them to set table columns. It's look like const [fields, setFields] = useState<Set<string>>(new Set(["name"])); const handleChangeFilter = (event: ChangeEvent<HTMLInputElement>) => { if (fields.has(event.target.value)) { fields.delete(event.target.value) } else { fields.add(event.target.value) } setFields(fields) }; {filters.map((field) =>…
I want to remove minutes value that is not divisible by 15 in Material Ui TimePicker component. I am trying this approach but this is not working const shouldDisableTime = (timeValue) => { const minutes = timeValue?.$m; return minutes !==…
i am trying to make a linear gradient background with border radius with visible border. I tried multiple methods and i am stuck from yesterday. i put here my example code https://codesandbox.io/p/sandbox/unruffled-dawn-yrzg69?file=%2Fsrc%2FDemo.js%3A311%2C1 background works fine but i am not able…
I created a card in reactJS for ecommerce app. Add to cart button and increment or decrement button also work here in same card. when I click increment button, they perform work accurately and increment number one by one. When…