React Material UI Tutorial - 40 - Date and Time Picker

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

LocalizationProvider is deprecated, what we can use instead?

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:
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'

Lastly, no more renderInput prop

How to change the border color for datepicker..?

Thank you Vishwas..

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

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

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

how can i render the value of state selectedDate ?

once i add <LocalizationProvider dateAdapter={AdapterDateFns}>, nothing shows up on the screen

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

Do you know the full list of overridable components

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

what's this problem?

thanks

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

Get Uncaught TypeError: number 0 is not iterable (cannot read property Symbol(Symbol.iterator))
at MuiPicker (MuiPicker.js:8:1) error

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

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

How can i disable enter key in the datepicker?

honestly this video leaves a lot in the air I am stuck with many errors and had to start from scratch

keep it up bro !!!

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

Pls put a video on react admin dashboard

great sir

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