diff --git a/components/Formsy/WorkingHoursSelection.jsx b/components/Formsy/WorkingHoursSelection.jsx index 62ab19236..84e645b1e 100644 --- a/components/Formsy/WorkingHoursSelection.jsx +++ b/components/Formsy/WorkingHoursSelection.jsx @@ -59,7 +59,8 @@ class WorkingHoursSelection extends React.Component { startHourValue, endHourValue, selectElement, - selectElementProps + selectElementProps, + isRequired } = this.props const Select = selectElement || FormsySelect @@ -82,9 +83,11 @@ class WorkingHoursSelection extends React.Component { name={startHourName} onChange={this.onStartHourChange} value={startHourValue} + required={isRequired} {...(selectElement && selectElementProps ? selectElementProps : {})} + validationError={`Please enter ${startHourLabel}`} /> @@ -96,9 +99,11 @@ class WorkingHoursSelection extends React.Component { name={endHourName} onChange={this.onEndHourChange} value={endHourValue} + required={isRequired} {...(selectElement && selectElementProps ? selectElementProps : {})} + validationError={`Please enter ${endHourLabel}`} /> @@ -107,6 +112,12 @@ class WorkingHoursSelection extends React.Component { } } + +WorkingHoursSelection.defaultProps = { + isRequired: false +} + + WorkingHoursSelection.PropTypes = { startHourLabel: PT.string.isRequired, endHourLabel: PT.string.isRequired, @@ -117,6 +128,7 @@ WorkingHoursSelection.PropTypes = { startHourValue: PT.string, endHourValue: PT.string, selectElement: PT.element, - selectElementProps: PT.object + selectElementProps: PT.object, + isRequired: PT.bool } export default WorkingHoursSelection