{"size": 707, "ext": "js", "max_stars_repo_path": "src/components/Datetime/stories/Datetime.Clear.stories.js", "max_stars_repo_name": "beadams86/fogg", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Datetime/stories/Datetime.Clear.stories.js", "max_issues_repo_name": "beadams86/fogg", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Datetime/stories/Datetime.Clear.stories.js", "max_forks_repo_name": "beadams86/fogg", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.5666666667, "max_line_length": 67, "alphanum_fraction": 0.6548797737}
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';

import Story from '../../../../stories/helpers/Story';

import Datetime from '../';

const STORY_COMPONENT = 'Datetime';
const STORY_NAME = 'Clear';

const stories = storiesOf(`Components/${STORY_COMPONENT}`, module);

function handleDateChange (date) {
  action(`${STORY_COMPONENT}::onChange`)(JSON.stringify(date));
}

stories.add(STORY_NAME, () => {
  return (
    <Story component={STORY_COMPONENT} name={STORY_NAME}>
      <Datetime
        input={false}
        onChange={handleDateChange}
        value={1582918169553}
        showClear={true}
      />
    </Story>
  );
});
