React Material component for durations inspired by Material-UI Pickers
npm install @groundkeeper/material-duration-pickerSimple duration picker inspired by Material-UI Pickers
``bash`
npm install --save material-duration-picker
or
`bash`
yarn add material-duration-picker
* Material-UI
* React
This example uses date-fns to format the duration
`typescript jsx
import {DurationPicker} from "./durationPicker";
import {formatDuration} from 'date-fns'
const Comp = () => {
const [value, setValue] = useState(0)
return (
* value: (REQUIRED) The duration value in seconds
* onValueChange: (REQUIRED) On change callback
* formatDuration: function to customize the way that the duration is formatted
* views: Array of views to offer. MUST BE FROM BIGGEST TO SMALLEST ex: ['weeks', 'minutes', 'seconds']
* disableEditDialog: If should not enable the edit dialog on click of the field
* DurationDialogProps: Props passed to the dialog
Remaining props are passed to the TextField component
https://github.com/tran-simon/material-duration-picker/issues/1#issuecomment-870100173