@yomonlin/pickers-with-seconds v1.0.2

Modified from material-ui-pickers of material-ui

1 Making DateTimePicker can access seconds field. 2 Making DateTimePicker can access minDate / maxDate in time clock.

import React, { useState } from 'react';
import DateFnsUtils from '@date-io/date-fns';
import { MuiPickersUtilsProvider, DateTimePicker } from '@yomonlin/pickers-with-seconds';

function App() {
  const [queryDateTime, setQueryDateTime] = useState(new Date());

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DateTimePicker
        label={'label text'}
        inputVariant="outlined"
        format="yyyy-MM-dd  HH:mm:ss"
        value={queryDateTime}
        onChange={setQueryDateTime}
      />
    </MuiPickersUtilsProvider>
  );
}

render(<App />, document.querySelector('#app'));

Documentation

Source

material-ui-pickers

LICENSE

The project is licensed under the terms of MIT license