@yomonlin/pickers-with-seconds

Modified from Material-ui pickers, with seconds field in dateTimePicker

Usage no npm install needed!

<script type="module">
  import yomonlinPickersWithSeconds from 'https://cdn.skypack.dev/@yomonlin/pickers-with-seconds';
</script>

README

Material-ui-pickers logo

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.

example
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