DurationPicker

To install, type the following into the command line at the root of your project:

npm i @brighthr/component-durationpicker

To implement the DurationPicker component into your project you’ll need to add the import:

import DurationPicker from '@brighthr/component-durationpicker';

After adding import into your project you can use it simply like:

<DurationPicker />

Props

| Name | Type | Default | Description | |----------|-------------------------------------|-------------------------------|-----------------------------------------| | disabled | boolean | false | If true, disables the DurationPicker. | | max | {hours: number, minutes: number } | { hours: 0, minutes: 0 } | Sets a max value. | | min | {hours: number, minutes: number } | { hours: 8760, minutes: 0 } | Sets a min value. | | onChange | () => void | | Function for handling onChange event. | | step | number | 1 | Sets a value for the minute increments. | | value | {hours: number, minutes: number } | | Sets the value of the DurationPicker. |