All Questions
Tagged with datepicker material-ui
259
questions
0
votes
1
answer
29
views
Unable to use MUI X Date picker Component inside Joy UI CssVarsProvider wrapper
Crash errors whenever i try to use DatePicker component in a any of my component.
package.json
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/...
0
votes
1
answer
34
views
How to change date format if I use a MUI TextField with type of date?
I am using MUI TextField component with the type of Date to create a calendar. The default calendar date format is MM/DD/YYYY althouth I want it to be DD/MM/YYYY. Is there any possibility to change ...
0
votes
1
answer
33
views
How can I set a custom header for a MUI DateCalendar in order to make it collapsable?
I'm trying to customize the MUI's DateCalendar component, expecting to add a new iconbutton in it's header, that may collapse its content when clicking it.
Such as this:
I managed to do everything, ...
0
votes
0
answers
27
views
Adding Previous and Next Month dates in Angular Mat-Calendar
Is this possible to show previous and next months dates from first and last week of the current month in the Angular Mat Calendar. Please see picture for reference.
Calendar
I am unable to find ...
1
vote
0
answers
66
views
Controlling position of MUI Datepicker v6 popover in absence of textField
I'm rendering a Datepicker without a text field and it's getting positioned in the upper left hand corner of the screen no matter what slotProps popper properties I pass in to position it. From other ...
0
votes
0
answers
59
views
How to customize MUI Date Picker buttons
How can I change teh background color of a selected shortcut item in the staticDateRangePicker?
For example when I click on button today and it is selected I want the background color to be 'grey' to ...
0
votes
0
answers
53
views
Rsuite date picker hides behind mui drawer
Hello so I saw a similar issue behind a Dialog Popup but that fix did not work for me does anyone have any clue what i could do?
enter link description here
The datepicker popup just goes behind the ...
0
votes
0
answers
49
views
Unable to set value of Material UI datepicker from browser using query selector
I am using the Material UI v5 library for DatePicker.
I am trying to set the value of date picker (Material UI v5) from the browser using query selector, it vanishes when I click on the browser or tab ...
0
votes
1
answer
44
views
MUI DatePicker 6.19.7 change picked day bgcolor using sx
How to change the color element indicated by the arrow? Using sx{}
DatePicker
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker
...
0
votes
0
answers
49
views
MUI DatePicker bugging on Thinkpad
Very weird bug suddenly appeared.
Current "@mui/x-date-pickers": "^6.9.0" - hasn't been changed for a year.
So suddenly it started bugging out on some windows laptops specifically ...
0
votes
2
answers
503
views
Material UI DatePicker Not Applying dd/MM/yyyy Format in React
I'm working on a React project and facing an issue with the Material UI DatePicker component. Despite setting the date format to "dd/MM/yyyy", the DatePicker displays dates in the "MM/...
0
votes
0
answers
13
views
Material UI DatePicker value clears going from MobileView to DesktopView, when using momentjs
Okay so I am using material UI date picker. When i pick a date, the value stays on the input as so:
However, when i was checking the responsiveness, i noticed that when i pick a date in mobile view(...
1
vote
1
answer
216
views
How to use Material UI date picker with typescript?
Look, Im not one to just put 'any' as the type when i dont know what to do, but i must say, i am seriously getting frustrated here. I am using Material UI date picker along side the DayJS date library....
0
votes
2
answers
96
views
Issue when highlighting error message upon pressing the "Submit" button without selecting a date
I am experiencing an issue in my web application. When I press the "Submit" button without selecting a date, the error message displays correctly. However, I have noticed that the text does ...
1
vote
1
answer
371
views
How can I change the "SELECT DATE" label of the MUI Date picker?
I need to find localeText props of the SELECT DATE label. I tried several localeText props. The last solution will be to delete the label with CSS. But if I find the prop, I will make the label ...