333 questions
1
vote
1
answer
27
views
MUI DatePicker border color won’t change on focus despite using sx and !important
I’m trying to change the border color of a MUI DatePicker component, including its focused state. I’ve tried targeting the fieldset inside MuiOutlinedInput-root with sx, even adding !important, but ...
- 31
-1
votes
0
answers
38
views
MUI X-date-pickers output and none visible redundant characters
I'm using "@mui/x-date-pickers": "^8.19.0" and @mui/material": "^7.3.4" in a "next": "15.5.6" application with "react-dom": "19.2....
- 7,179
1
vote
1
answer
59
views
Material UI TimePicker not auto-selecting initial value when using renderDigitalClockTimeView
I'm using MUI v6 Time Pickers and I'm trying to use renderDigitalClockTimeView as the viewRenderer for my time picker component.
I set an initial value, and it correctly shows up in the input field. ...
- 49
0
votes
1
answer
122
views
Edit the date using the text field while opening the calendar popup
Currently, I'm using @mui/x-date-pickers v7 to display a calendar. My requirement is to keep the calendar open while changing the date using the text field.
Current behavior: When clicking the text ...
- 393
1
vote
1
answer
154
views
MUI DateTimePicker: How to make earlier time options not visible?
I am creating a MUI DateTimePicker component . The goal is to :
Disable and Not Show AM, if its already PM for the day
If its PM, Not Show the Earlier Hours in PM
Currently, I got them to be ...
- 1,357
1
vote
1
answer
83
views
MUI DateTimePicker Input Hour Styling
In the React MUI Datepicker,
how do I remove extra 0, for a Single Hour time?
Right now, its showing an extra 0 here.
Goal is following,
03:00 PM --> 3:00 PM
<LocalizationProvider dateAdapter={...
- 1,357
1
vote
1
answer
105
views
MUI DateTimePicker Color Styling
I am editing the colors of the MUI Date Time Picker. Is this the optimal way, or is there another more formal way in MUI Inputs? I didn't find any in the reference, so directly edited the sx.
<...
- 1,357
1
vote
1
answer
354
views
How to properly handle onBlur with MUI <DatePicker />
I'm using MUI's <DatePicker /> integrated with Formik, and I want to mark the field as touched only when the user has finished interacting with the date picker — not immediately when it gains ...
- 795
1
vote
1
answer
128
views
How do I make a DatePicker get focused on submit, if the field is empty or giving errors?
I'm trying to use @mui/x-date-pickers: "^8.3.1 DatePicker component in a form with react-hook-form: "^7.62.0"
Using some workarounds, I managed to give errors on blur and on submit, but ...
- 1
0
votes
2
answers
117
views
Cannot vertically center label in MUI DateTimePicker
I am using DateTimePicker from @mui/x-date-pickers, Why died the label not display vertically centered? I am using size small and fontsize 13.
slotProps: {
textField: {
fullWidth: true,
...
- 101
0
votes
1
answer
66
views
Styling datepicker textArea
I was trying to style the textArea of datePicker, how ever I can apply styling to calendar drop down but failed to apply styles to textArea. The code I used is
<DatePicker
label="...
- 1
0
votes
1
answer
60
views
How to allow negative years (i.e. BCE years) with MUI X Date Pickers?
I was messing about with the minDate prop on the MUI X Date Picker (specifically the DatePicker component). I was trying to set the minDate to a date with a negative year (i.e. a BCE year) in order to ...
- 316
0
votes
1
answer
266
views
React Mui-Materials Date Picker onAccept callback
I am trying to implement the Mui-Materials DatePicker in my React project.
I need a callback that fires when the user has entered a date and pressed Enter or lost focus. Once a date is accepted, I ...
- 31
1
vote
1
answer
348
views
How to add endAdornment button in DateTimeField after migrating to @mui/x-date-pickers v7?
I recently upgraded from @mui/x-date-pickers v6 to v7, and my DateTimeField component stopped working due to a TypeScript error.
In v6, I was able to add a custom button to open the calendar using ...
1
vote
1
answer
44
views
Datepicker date discrepancies between selected value, API, and value in DB
This is a situation that is completely perplexing to me. I am stuck using Material-UI core and not currently allowed to upgrade to MUI X due possible vulnerabilities and my project lead not wanting ...
- 61