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

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

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

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

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

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

var _DatePicker = _interopRequireDefault(require("./DatePicker"));

var _README = _interopRequireDefault(require("./README.md"));

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

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