React Material UI Tutorial - 40 - Date and Time Picker

📱 Follow Codevolution

React Material UI Tutorial
Date and Time Picker in Material UI

[lakshaychauhan]

man not gonna lie, most tutorial on YT are like super basic just UI part of it and as a programming beginner i often need to know just next 1-2 step about how to get it in hooks and you always show practical use case too.. thank you

[vendjin]

Hello, could you please tell me how to change the StaticDateTimePicker instead of the standard SELECT DATE & TIME
other texts?

[tihomirgodek]

And what if I write in TimePicker input 44:44 yea i get red border. But can we make it so people are not able to write numbers greater then 24? thanks

[muntazirbhambhera]

As per the latest React versions the DatePicker, LocalizationProvider, AdapterDateFns are migrated from 'lab' to 'x-date-pickers'

[quicklook]

How to change the "am" and "pm" background color on hovering effect??
plz hep me

[CODE-zeoe]

Sir I need to change time zone thailand, I click 1.00 = 13.00, no AM PM

[sakthivel.m]

How to change the border color for datepicker..?

[bondi]

how can i render the value of state selectedDate ?

[milkmyshake]

It's 2023, these components were moved from @mui/lab to @mui/x-date-pickers :
npm install @mui/x-date-pickers

date-fns is also new :
npm install date-fns

The imports need to change:

Lastly, no more renderInput prop

[okichandra]

i want to change display value color to red. how i can do that????

[amberjones]

Do you know the full list of overridable components

[tmoul]

Is anyone else getting an error stack? I'm getting a large error stack saying that "Can't resolve 'date-fns/locale/en-us' in 'file path here', for all the different functions that should be exported from date-fns

[nurulahsan]

Parameter 'params' implicitly has an 'any' type.ts(7006)
Parameter 'newValue' implicitly has an 'any' type.ts(7006)

what's this problem?

[skykansyakar]

Can u suggest me for format is dd/mm/yyyy

[aarushisampat]

Hello Sir, can you please create a video in MUI DateRangePicker.
Thanks in advance!!

[muhammadhamzashabbir]

@Codevolution all is done but Date time picker is not showing on frontend react help

[ajaydewangan]

LocalizationProvider is deprecated, what we can use instead?

[nandhinithirumoorthy]

Pls put a video on react admin dashboard

[feliznico]

How can i disable enter key in the datepicker?

[adamlabus]

Pass the setState to onChange directly not through a arrow function