UNPKG

@roo-ui/components

Version:

42 lines (28 loc) 1.64 kB
'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 _DateRangePicker = require('./DateRangePicker'); var _DateRangePicker2 = _interopRequireDefault(_DateRangePicker); var _DateRangePickerREADME = require('./DateRangePicker.README.md'); var _DateRangePickerREADME2 = _interopRequireDefault(_DateRangePickerREADME); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var date = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()); (0, _react3.storiesOf)('Components|DateRangePicker', module).addDecorator((0, _storybookReadme.withDocs)(_DateRangePickerREADME2.default)).add('default', function () { return _react2.default.createElement(_DateRangePicker2.default, { monthsToDisplay: (0, _addonKnobs.number)('Months to display', 1), minDate: date, startDate: (0, _add_days2.default)(date, 3), endDate: (0, _add_days2.default)(date, 7), stacked: (0, _addonKnobs.boolean)('Stacked', false), setStartDate: (0, _addonKnobs.boolean)('Change start date', false), setEndDate: (0, _addonKnobs.boolean)('Change end date', false), onRangeSelected: console.log // eslint-disable-line no-console , onChangeStartDate: console.log // eslint-disable-line no-console , onChangeEndDate: console.log // eslint-disable-line no-console }); });