27 lines
578 B
JavaScript
27 lines
578 B
JavaScript
import React from 'react';
|
|
|
|
import { Divider, Icon, IconButton } from 'rsuite';
|
|
|
|
export default function SelectedDates({ datesList, eventsList, handleDelete }) {
|
|
return (
|
|
<div>
|
|
<h3>Dates selected</h3>
|
|
<ul>
|
|
{datesList.map((date) => (
|
|
<li key={date}>
|
|
{date.setLocale('en-gb').toLocaleString()}
|
|
{` (${date.weekdayShort})`}
|
|
<Divider vertical />
|
|
<IconButton
|
|
icon={<Icon icon='close' />}
|
|
appearance='subtle'
|
|
circle
|
|
onClick={() => handleDelete(date)}
|
|
></IconButton>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|