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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _InteractiveCodeExample = require('wix-storybook-utils/InteractiveCodeExample');

var _InteractiveCodeExample2 = _interopRequireDefault(_InteractiveCodeExample);

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _README = require('../../src/Range/README.md');

var _README2 = _interopRequireDefault(_README);

var _ExampleStandard = require('./ExampleStandard');

var _ExampleStandard2 = _interopRequireDefault(_ExampleStandard);

var _StorySettings = require('./StorySettings');

var _StorySettings2 = _interopRequireDefault(_StorySettings);

var _RangeTemplate = require('./RangeTemplate');

var _RangeTemplate2 = _interopRequireDefault(_RangeTemplate);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

(0, _react3.storiesOf)(_StorySettings2.default.kind, module).add(_StorySettings2.default.storyName, function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(
      _InteractiveCodeExample2.default,
      { title: 'Customize a <Range/>' },
      _react2.default.createElement(_ExampleStandard2.default, { dataHook: _StorySettings2.default.dataHookInput })
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'h2',
      null,
      'Range with DatePicker'
    ),
    _react2.default.createElement(_RangeTemplate2.default, {
      dataHook: _StorySettings2.default.dataHookDatePicker,
      rangeType: 'DateRange',
      onChange: function onChange() {},
      firstDate: { value: ARBITRARY_FIXED_DATE },
      lastDate: { value: ARBITRARY_FIXED_DATE }
    })
  );
});