Solved Issue #107 : added ':' between hour and minute in all instances of the component

InputTime/index.jsx

@@ -186,7 +186,6 @@ const InputTime = ({
   },
   minimal,
   select24Hours,
-  displayTimeColon,
   fontSize,
 }) => {
   const style = {
@@ -212,16 +211,14 @@ const InputTime = ({
           size={fontSize}
         />
       </SelectWrapper>
-      { displayTimeColon ?
         <TimeColonWrapper
           minimal={minimal}
         >
           <Text size={'small'}>:</Text>
         </TimeColonWrapper>
-        : null }
       <SelectWrapper
         minimal={minimal}
-        marginLeft={minimal || displayTimeColon ? 0 : '0.25rem'}
+        marginLeft={minimal}
         marginRight={!minimal ? '0.25rem' : undefined}
       >
         <Select
@@ -263,7 +260,6 @@ InputTime.propTypes = {
   }),
   minimal: PropTypes.bool,
   select24Hours: PropTypes.bool,
-  displayTimeColon: PropTypes.bool,
   fontSize: PropTypes.oneOf(['small']),
 };
 

InputTime/story.jsx

@@ -100,25 +100,6 @@ storiesOf('InputTime', module)
       }}
     />
   ))
-  .add('displayTimeColon', () => (
-    <InputTime
-      input={{
-        onChange: action('on-change'),
-        value: '',
-      }}
-      displayTimeColon
-    />
-  ))
-  .add('displayTimeColon minimal', () => (
-    <InputTime
-      input={{
-        onChange: action('on-change'),
-        value: '',
-      }}
-      displayTimeColon
-      minimal
-    />
-  ))
   .add('small', () => (
     <InputTime
       input={{

package.json

@@ -52,7 +52,7 @@
     "babel-plugin-require-context-hook": "^1.0.0",
     "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.14.0",
-    "eslint": "6.4.0",
+    "eslint": "^6.4.0",
     "eslint-config-airbnb": "18.1.0",
     "eslint-plugin-import": "2.20.1",
     "eslint-plugin-jsx-a11y": "6.2.3",