@yomonlin/pickers-with-seconds

Material-UI pickers

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