fix: placeholder for datepicker

fix: placeholder for datepicker

Author: y0c

package.json

@@ -20,7 +20,9 @@
     "bump:minor": "yarn version --minor",
     "bump:major": "yarn version --major",
     "prepublish": "yarn lint && yarn test",
-    "deploy-storybook": "storybook-to-ghpages"
+    "deploy-storybook": "storybook-to-ghpages",
+    "test:unit:output": "yarn test --json --outputFile=.jest.test.result.json",
+    "start": "yarn test:unit:output && start-storybook -p 6006"
   },
   "lint-staged": {
     "{src}/**/*.ts*": [

src/components/DatePicker.tsx

@@ -179,18 +179,19 @@ class DatePicker extends React.Component<Props, State> {
   };
 
   public renderInputComponent = (): JSX.Element => {
-    const { inputComponent, readOnly, disabled, clear, autoFocus, showDefaultIcon } = this.props;
+    const { inputComponent, readOnly, disabled, clear, autoFocus, showDefaultIcon, placeholder } = this.props;
     const { inputValue } = this.state;
     const inputProps = {
       readOnly,
       autoFocus,
       disabled,
       clear,
+      placeholder,
       onChange: this.handleInputChange,
       onClear: this.handleInputClear,
       onBlur: this.handleInputBlur,
       value: inputValue,
-      icon: showDefaultIcon ? <SVGIcon id="calendar" /> : undefined,
+      icon: showDefaultIcon ? <SVGIcon id="calendar" /> : undefined
     };
     return inputComponent ? inputComponent({ ...inputProps }) : <PickerInput {...inputProps} />;
   };

stories/DatePicker.stories.tsx

@@ -37,6 +37,9 @@ storiesOf('DatePicker', module)
         <DatePicker {...defaultProps} direction={0} />
       </div>
     );
+  })
+  .add('placeholder', () => {
+    return <DatePicker {...defaultProps} placeholder="Select date" />;
   });
 
 storiesOf('DatePicker - Input Props', module)