how to format datepicker date material ui code example

Example 1: material ui datepicke

import React, { Fragment, useState } from "react";
import { TextField } from "@material-ui/core";
import { MobileDatePicker, DesktopDatePicker, DatePicker } from "@material-ui/pickers";

function DatePickersVariants(props) {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    
       handleDateChange(date)}
        renderInput={props => }
      />

       handleDateChange(date)}
        renderInput={props => }
      />

       handleDateChange(date)}
        renderInput={props => }
      />
    
  );
}

export default DatePickersVariants;

Example 2: date picker material ui

hello there