Minutes
Description
A component that lets you input the minutes from 00 to 59.
System Dependencies
Installation
The package can be installed via npm:
npm install empower-inputs --save
Standard Minutes
Â
Â
Configuration
import { InputSelectionHandler} from 'empower-inputs';
let [formElement, setFormElement] = useState({
sampleMinutes: {
id: 'sampleMinutes',
type: 'minutes',
label: "Sample Minutes",
maxMins: '59',
value: '',
placeholder: '-',
readOnly: false,
required: true,
disabled: false,
}
});
..............
return (
<>
<InputSelectionHandler
config={formElement.sampleMinutes}
onChanged={(e) => inputChangedHandler(e, 'sampleMinutes')}
/>
</>
)
 Properties
Parent Parameter | Sub Parameter | Data Type | Constraint |
---|---|---|---|
config | Â | JSON Object | Required |
 | id | String | Required |
 | type | String | Required |
 | label | String | Optional |
 | value | Array Object | Required |
 | placeholder | String | Optional |
 | readOnly | Boolean | Optional |
 | disabled | Boolean | Optional |
 | required | Boolean | Optional |
 | maxMins | String | Required |
customClass | Â | String | Optional |
onChanged | Â | Event Method | Required |
References
Repository Link: https://bitbucket.org/empowerteams/empower-inputs
NPM Package: npm: empower-inputs
Demo Repo: git@bitbucket.org:empowerteams/mfe-sub-application-template.git