DatePicker from material ui not working when I use react with django and it is showing me a blank page when I click on the page where I have my datepicker. When I use it in a separate project(before integrating it with django, it was working)
Here is my DatePicker component:
import React from "react";
import {
MuiPickersUtilsProvider,
KeyboardDatePicker,
} from "@material-ui/pickers";
import DateFnsUtils from "@date-io/date-fns";
export default function DatePicker(props) {
const { name, label, value, onChange, minDate } = props;
const convertToDefEventPara = (name, value) => ({
target: {
name,
value,
},
});
return (
<MuiPickersUtilsProvider utils={DateFnsUtils}>
<KeyboardDatePicker
disableToolbar
variant="inline"
inputVariant="outlined"
label={label}
format="dd/MM/yyyy"
name={name}
value={value}
onChange={(date) => onChange(convertToDefEventPara(name, date))}
minDate={minDate}
/>
</MuiPickersUtilsProvider>
);
}