diff --git a/src/components/datepicker/html/datepicker.tsx b/src/components/datepicker/html/datepicker.tsx index 42a62483c..c5d94225c 100644 --- a/src/components/datepicker/html/datepicker.tsx +++ b/src/components/datepicker/html/datepicker.tsx @@ -30,8 +30,6 @@ function Datepicker({ format = 'YYYY-MM-DD', onChange, id, - min, - max, label, errors, description, @@ -113,18 +111,6 @@ function Datepicker({ {...extraProps} /> - {/* - - */} ); diff --git a/src/stories/date-picker/datepicker.stories.jsx b/src/stories/date-picker/datepicker.stories.jsx index 2d1f94dae..edf114150 100644 --- a/src/stories/date-picker/datepicker.stories.jsx +++ b/src/stories/date-picker/datepicker.stories.jsx @@ -1,18 +1,23 @@ -import React from 'react'; -import Orchestrator from '../utils/orchestrator'; -import source from './source'; -import data from './data'; -import defaultArgTypes from '../utils/default-arg-types'; +import LunaticDatepicker from '../../components/datepicker'; +import { action } from '@storybook/addon-actions'; -const stories = { - title: 'Components/DatePicker', - component: Orchestrator, - argTypes: defaultArgTypes, +export default { + title: 'Components/Datepicker', + component: LunaticDatepicker, + args: { + value: '1920-02-01', + format: 'YYYY-MM-DD', + handleChange: action('handleChange'), + response: { name: 'date' }, + }, + parameters: { + controls: { include: ['format', 'readOnly', 'disabled'] }, + }, + argTypes: { + format: { control: 'radio', options: ['YYYY-MM-DD', 'YYYY-MM', 'YYYY'] }, + readOnly: { control: 'boolean' }, + disabled: { control: 'boolean' }, + }, }; -export default stories; - -const Template = (args) => ; -export const Default = Template.bind({}); - -Default.args = { id: 'input', source, data, disabled: false, readOnly: false }; +export const Basic = {};