39 lines
853 B
JavaScript
39 lines
853 B
JavaScript
|
import { action } from '@storybook/addon-actions';
|
||
|
|
import WootDateRangePicker from '../DateRangePicker';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'Components/Date Picker/Date Range Picker',
|
||
|
|
argTypes: {
|
||
|
|
confirmText: {
|
||
|
|
defaultValue: 'Apply',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
placeholder: {
|
||
|
|
defaultValue: 'Select date range',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
const Template = (args, { argTypes }) => ({
|
||
|
|
props: Object.keys(argTypes),
|
||
|
|
components: { WootDateRangePicker },
|
||
|
|
template:
|
||
|
|
'<woot-date-range-picker v-bind="$props" @change="onChange"></woot-date-range-picker>',
|
||
|
|
});
|
||
|
|
|
||
|
|
export const DateRangePicker = Template.bind({});
|
||
|
|
DateRangePicker.args = {
|
||
|
|
onChange: action('applied'),
|
||
|
|
value: [new Date(), new Date()],
|
||
|
|
};
|