fix: better story for datepicker

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}
 				/>
 			</div>
-			{/*
-			<DatepickerInput
-				id={id}
-				labelId={labelId}
-				readOnly={readOnly}
-				disabled={disabled}
-				value={value}
-				onChange={handleChange}
-				min={min}
-				max={max}
-			/>
-			*/}
 			<Errors errors={errors} activeId={id} />
 		</div>
 	);

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) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = { id: 'input', source, data, disabled: false, readOnly: false };
+export const Basic = {};