@roo-ui/components/dist/DatePicker/DatePicker.story.js

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _addonKnobs = require('@storybook/addon-knobs');

var _storybookReadme = require('storybook-readme');

var _add_days = require('date-fns/add_days');

var _add_days2 = _interopRequireDefault(_add_days);

var _sub_days = require('date-fns/sub_days');

var _sub_days2 = _interopRequireDefault(_sub_days);

var _DatePicker = require('./DatePicker');

var _DatePicker2 = _interopRequireDefault(_DatePicker);

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

var _README2 = _interopRequireDefault(_README);

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

(0, _react3.storiesOf)('Components|DatePicker', module).addDecorator((0, _storybookReadme.withDocs)(_README2.default)).add('default', function () {
  return _react2.default.createElement(_DatePicker2.default, {
    monthsToDisplay: (0, _addonKnobs.number)('Months to display', 1),
    minDate: (0, _sub_days2.default)(new Date(), 10),
    maxDate: (0, _add_days2.default)(new Date(), 60),
    selected: new Date(),
    onDateSelected: console.log // eslint-disable-line no-console
    , stacked: (0, _addonKnobs.boolean)('Stacked', false),
    disabledDates: [(0, _add_days2.default)(new Date(), 1), (0, _add_days2.default)(new Date(), 2), (0, _add_days2.default)(new Date(), 4)],
    interactiveDisabledDates: true
  });
});