diff --git a/packages/components/src/FieldDatepicker/FieldDatepicker.stories.tsx b/packages/components/src/FieldDatepicker/FieldDatepicker.stories.tsx deleted file mode 100644 index 4e46f74bc..000000000 --- a/packages/components/src/FieldDatepicker/FieldDatepicker.stories.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import { FieldDatepicker } from './FieldDatepicker' - -import type { Meta, StoryFn } from '@storybook/react' - -export default { - title: 'Forms/FieldDatepicker', - component: FieldDatepicker, -} as Meta - -export const Default: StoryFn = () => ( - -) diff --git a/packages/components/src/FieldDatepicker/FieldDatepicker.tsx b/packages/components/src/FieldDatepicker/FieldDatepicker.tsx deleted file mode 100644 index 0aaa748f5..000000000 --- a/packages/components/src/FieldDatepicker/FieldDatepicker.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import { Input, Text } from 'theme-ui' - -import type { FieldRenderProps } from 'react-final-form' - -// any props can be passed to field and down to child component -// input and meta props come from react field render props and will be -// picked up by typing -type FieldProps = FieldRenderProps & { children?: React.ReactNode } - -export interface Props extends FieldProps { - // additional fields intending to pass down - disabled?: boolean - children?: React.ReactNode - 'data-cy'?: string - customOnBlur?: (event: any) => void - customChange?: (location: any) => void -} - -export const FieldDatepicker = ({ - input, - meta, - customChange, - ...rest -}: Props) => { - return ( - <> - { - input.onChange(date) - if (customChange) { - customChange(date) - } - input.onBlur() - }} - /> - {meta.error && meta.touched ? ( - - {meta.error} - - ) : null} - - ) -} diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts index e84472240..dc720a09b 100644 --- a/packages/components/src/index.ts +++ b/packages/components/src/index.ts @@ -21,7 +21,6 @@ export { DownloadStaticFile } from './DownloadStaticFile/DownloadStaticFile' export { EditComment } from './EditComment/EditComment' export { ElWithBeforeIcon } from './ElWithBeforeIcon/ElWithBeforeIcon' export { ExternalLink } from './ExternalLink/ExternalLink' -export { FieldDatepicker } from './FieldDatepicker/FieldDatepicker' export { FieldInput } from './FieldInput/FieldInput' export { FieldTextarea } from './FieldTextarea/FieldTextarea' export { Guidelines } from './Guidelines/Guidelines'