import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { formatDateTimeReadable } from '../../../lib/dates.js';
import { EditIcon } from '../../../lib/icons/Edit.js';
import { IconButton } from '../../../lib/ui/IconButton.js';
export function AccessCodeFormTimes({ startDate, endDate, onEdit, }) {
    return (_jsxs("div", { className: 'seam-selected-times', children: [_jsxs("div", { children: [_jsx("span", { className: 'seam-label', children: t.startTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTimeReadable(startDate) }), _jsx("span", { className: 'seam-label', children: t.endTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTimeReadable(endDate) })] }), _jsx(IconButton, { onClick: onEdit, className: 'seam-show-date-picker-btn', children: _jsx(EditIcon, {}) })] }));
}
const t = {
    startTimeLabel: 'Start',
    endTimeLabel: 'End',
};
//# sourceMappingURL=AccessCodeFormTimes.js.map