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