export const Types = () => {
const [date, setDate] = React.useState<string>();
const [datetime, setDatetime] = React.useState<string>();
return (
<Box width={'100%'}>
<Grid gap={8}>
<Grid.Column size={{ desktop: 6, mobile: 12 }}>
<DateInput value={date} label="Date (default)" onChange={e => setDate(e.toString())} />
</Grid.Column>
<Grid.Column size={{ desktop: 6, mobile: 12 }}>
<DateInput
value={datetime}
label="Datetime"
type="datetime"
is24Hour
onChange={e => setDatetime(e.toString())}
/>
</Grid.Column>
</Grid>
</Box>
);
};