wix-style-react/dist/es/stories/Range/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import InteractiveCodeExample from 'wix-storybook-utils/InteractiveCodeExample';
import Markdown from 'wix-storybook-utils/Markdown';
import Readme from '../../src/Range/README.md';
import ExampleStandard from './ExampleStandard';
import storySettings from './StorySettings';
import RangeTemplate from './RangeTemplate';

// Use fixed date for DatePicker in order for eyes comparisons not to fail.
var ARBITRARY_FIXED_DATE = new Date('2018/01/01');

storiesOf(storySettings.kind, module).add(storySettings.storyName, function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: Readme }),
    React.createElement(
      InteractiveCodeExample,
      { title: 'Customize a <Range/>' },
      React.createElement(ExampleStandard, { dataHook: storySettings.dataHookInput })
    ),
    React.createElement('br', null),
    React.createElement(
      'h2',
      null,
      'Range with DatePicker'
    ),
    React.createElement(RangeTemplate, {
      dataHook: storySettings.dataHookDatePicker,
      rangeType: 'DateRange',
      onChange: function onChange() {},
      firstDate: { value: ARBITRARY_FIXED_DATE },
      lastDate: { value: ARBITRARY_FIXED_DATE }
    })
  );
});