date and time picker material ui angular code example

Example 1: date time picker in angular material

<input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime"
placeholder="Date" show-todays-date="" minutes="true" min-date="date" show-icon="true"
ng-model="dateTime" class=" dtp-no-msclear dtp-input md-input">

Example 2: date picker in material ui

const [effectiveSelectedDate, setEffSelectedDate] = useState();
const handleEffDateChange = (date,name) =>{
        setEffSelectedDate(date);
    }
<MuiPickersUtilsProvider utils={DateFnsUtils}>
           <KeyboardDatePicker
               fullWidth
               variant='inline'
               placeholder='yyyy-MM-dd'
               format='yyyy-MM-dd'
               margin='normal'
               id='date-picker-inline'
               name='effectiveDate'
               value={effectiveSelectedDate}
               onChange={handleEffDateChange}
               KeyboardButtonProps={{
                  'aria-label': 'change date',
                   }}
                       />
  </MuiPickersUtilsProvider>

Example 3: date picker material ui

hello there