diff --git a/frontend/src/components/App/App.jsx b/frontend/src/components/App/App.jsx
index ec894c6..7e0d62a 100644
--- a/frontend/src/components/App/App.jsx
+++ b/frontend/src/components/App/App.jsx
@@ -55,6 +55,7 @@ import {
 	PopupDialog,
 	PopupEditAvatar,
 	PopupAskToRegister,
+	PopupShareCalendar,
 } from '../Popups';
 
 const locales = {
@@ -83,6 +84,7 @@ function App() {
 	const [chosenCalendars, setChosenCalendars] = useState([]);
 	const [editableCalendar, setEditableCalendar] = useState({});
 	const [editableEvent, setEditableEvent] = useState({});
+	const [team, setTeam] = useState([]);
 
 	// Popups
 	const [visiblePopupLogin, setVisiblePopupLogin] = useState(false);
@@ -97,6 +99,8 @@ function App() {
 		useState(false);
 	const [visiblePopupAskToRegister, setVisiblePopupAskToRegister] =
 		useState(false);
+	const [visiblePopupShareCalendar, setVisiblePopupShareCalendar] =
+		useState(false);
 
 	// Helpers
 	const [showMessage, setShowMessage] = useState(false);
@@ -147,6 +151,7 @@ function App() {
 		setCurrentUser({});
 		setAllUserCalendars([]);
 		setAllUserEvents([]);
+		setTeam([]);
 		setChosenCalendars(holidaysCalendar.map((c) => c.id));
 		closeAllPopups();
 
@@ -157,7 +162,9 @@ function App() {
 
 	const handleErrors = useCallback(
 		({ error, res }) => {
-			if (error.code === 'token_not_valid') {
+			console.log({ error, res });
+
+			if (error.code && error.code === 'token_not_valid') {
 				logout();
 				showDialog(ErrorMessage.UNAUTHORIZED, true);
 			} else if (res.status === 401) {
@@ -302,6 +309,7 @@ function App() {
 			setEditableCalendar,
 			editableEvent,
 			setEditableEvent,
+			team,
 		}),
 		[
 			holidays,
@@ -310,6 +318,7 @@ function App() {
 			chosenCalendars,
 			editableCalendar,
 			editableEvent,
+			team,
 		]
 	);
 
@@ -660,6 +669,73 @@ function App() {
 			});
 	};
 
+	const handleShareCalendar = (data) => {
+		const newMate = {
+			email: data.email,
+			infoIcon: 'load',
+		};
+		setTeam([...team, newMate]);
+
+		calendarApi
+			.shareCalendar(data)
+			.then(() => {
+				newMate.infoIcon = 'success';
+
+				const index = team.findIndex((m) => m.email === data.email);
+				if (index !== -1) {
+					team.splice(index, 1);
+				}
+
+				setTeam([...team, newMate]);
+			})
+			.catch((/* { error, res } */) => {
+				newMate.infoIcon = 'denied';
+
+				const index = team.findIndex((m) => m.email === data.email);
+				if (index !== -1) {
+					team.splice(index, 1);
+				}
+
+				setTeam([...team, newMate]);
+				// handleErrors({ error, res });
+			});
+	};
+
+	const handleDeleteMate = ({ id, email }) => {
+		setIsLoading(true);
+		calendarApi
+			.deleteSharedCalendar({ id, email })
+			.then(() => {
+				const index = team.findIndex((m) => m.email === email);
+				if (index !== -1) {
+					team.splice(index, 1);
+				}
+			})
+			.catch(({ err, res }) => {
+				handleErrors({ err, res });
+			})
+			.finally(() => {
+				setIsLoading(false);
+			});
+	};
+
+	const handleShowSharePopup = (id) => {
+		setIsLoading(true);
+		calendarApi
+			.getSharedCalendarById(id)
+			.then((res) => {
+				setTeam(res.users);
+				setVisiblePopupShareCalendar(true);
+			})
+			.catch(({ error, res }) => {
+				console.log({ error, res });
+				handleErrors({ error, res });
+			})
+			.finally(() => {
+				setIsLoading(false);
+			});
+	};
+
 	return (
 		<LocalizationContext.Provider value={localizer}>
 			<CurrentUserContext.Provider value={user}>
@@ -683,6 +759,7 @@ function App() {
 											onEventDoubleClick={setVisiblePopupEditEvent}
 											onNewCalendarClick={setVisiblePopupNewCalendar}
 											onEditCalendarClick={setVisiblePopupEditCalendar}
+											onShareCalendarClick={handleShowSharePopup}
 											onNewEventClickUnauth={setVisiblePopupAskToRegister}
 											onEditEvent={handleEditEvent}
 										/>
@@ -757,6 +834,13 @@ function App() {
 							setIsFormLogin={setIsFormLogin}
 						/>
 
+						<PopupShareCalendar
+							visible={visiblePopupShareCalendar}
+							setVisible={setVisiblePopupShareCalendar}
+							handleShare={handleShareCalendar}
+							handleDeleteMate={handleDeleteMate}
+						/>
+
 						<Toast ref={toast} />
 
 						<PopupDialog
diff --git a/frontend/src/components/BackToTopButton/BackToTopButton.module.css b/frontend/src/components/BackToTopButton/BackToTopButton.module.css
index b67607b..1b798e4 100644
--- a/frontend/src/components/BackToTopButton/BackToTopButton.module.css
+++ b/frontend/src/components/BackToTopButton/BackToTopButton.module.css
@@ -4,7 +4,7 @@
 	width: 60px;
 	font-size: 60px;
 	border: none;
-	transition: transform 0.25s linear;
+	transition: transform 0.1s linear;
 	cursor: pointer;
 }
 
@@ -21,7 +21,8 @@
 	top: 92vh;
 	right: 0px;
 	height: 50px;
-	width: 60px;
+	width: 56px;
+	visibility: hidden;
 }
 
 .button:hover {
diff --git a/frontend/src/components/CalendarSelect/CalendarSelect.jsx b/frontend/src/components/CalendarSelect/CalendarSelect.jsx
index 6177e3f..271a748 100644
--- a/frontend/src/components/CalendarSelect/CalendarSelect.jsx
+++ b/frontend/src/components/CalendarSelect/CalendarSelect.jsx
@@ -10,7 +10,7 @@ import styles from './CalendarSelect.module.css';
 /* Components */
 import { CalendarBlock } from './CalendarsBlock';
 
-export function CalendarSelect({ onEditCalendarClick }) {
+export function CalendarSelect({ onEditCalendarClick, onShareCalendarClick }) {
 	const { allUserCalendars, setChosenCalendars, setEditableCalendar } =
 		useContext(CalendarsContext);
 
@@ -27,9 +27,13 @@ export function CalendarSelect({ onEditCalendarClick }) {
 		}
 	};
 
-	const handleClick = (calendar) => {
+	const handleClick = (calendar, isEdit) => {
 		setEditableCalendar(calendar);
-		onEditCalendarClick(true);
+		if (isEdit) {
+			onEditCalendarClick(true);
+		} else {
+			onShareCalendarClick(calendar.id);
+		}
 	};
 
 	// TODO: потом сюда добявятся пошаренные календари
@@ -57,4 +61,5 @@ export function CalendarSelect({ onEditCalendarClick }) {
 
 CalendarSelect.propTypes = {
 	onEditCalendarClick: PropTypes.func.isRequired,
+	onShareCalendarClick: PropTypes.func.isRequired,
 };
diff --git a/frontend/src/components/CalendarSelect/CalendarSelect.module.css b/frontend/src/components/CalendarSelect/CalendarSelect.module.css
index 774c8ad..c92aecc 100644
--- a/frontend/src/components/CalendarSelect/CalendarSelect.module.css
+++ b/frontend/src/components/CalendarSelect/CalendarSelect.module.css
@@ -52,7 +52,7 @@
 
 .list {
 	display: grid;
-	grid-template-columns: 16px 1fr 16px;
+	grid-template-columns: 16px 1fr 44px;
 	grid-column-gap: 8px;
 	align-items: start;
 	cursor: pointer;
@@ -107,8 +107,14 @@ label input:checked ~ .checkbox::before {
 	cursor: pointer;
 	padding: 0;
 	transition: all 0.2s ease-out;
+	width: 16px;
+	height: 16px;
 }
 
 .edit:hover {
 	color: var(--surface-200);
 }
+
+.edit:first-child {
+	margin-right: 12px;
+}
diff --git a/frontend/src/components/CalendarSelect/CalendarsBlock.jsx b/frontend/src/components/CalendarSelect/CalendarsBlock.jsx
index e59253b..8645cfb 100644
--- a/frontend/src/components/CalendarSelect/CalendarsBlock.jsx
+++ b/frontend/src/components/CalendarSelect/CalendarsBlock.jsx
@@ -48,13 +48,30 @@ export function CalendarBlock(props) {
 							/>
 							<span className={styles.text}>{calendar.name}</span>
 							{editButton && (
-								<button
-									className={styles.edit}
-									type="button"
-									onClick={() => handleClick(calendar)}
-								>
-									<i className="pi pi-pencil" style={{ fontSize: '0.75rem' }} />
-								</button>
+								<div className="flex">
+									<button
+										className={styles.edit}
+										type="button"
+										onClick={() => handleClick(calendar, true)}
+									>
+										<i
+											className="pi pi-pencil"
+											style={{ fontSize: '0.75rem' }}
+										/>
+									</button>
+									<button
+										className={styles.edit}
+										type="button"
+										onClick={() => handleClick(calendar, false)}
+									>
+										<i
+											className={
+												calendar.shared ? 'pi pi-users' : 'pi pi-share-alt'
+											}
+											style={{ fontSize: '0.75rem' }}
+										/>
+									</button>
+								</div>
 							)}
 						</label>
 					))}
diff --git a/frontend/src/components/Forms/FormShareCalendar.jsx b/frontend/src/components/Forms/FormShareCalendar.jsx
new file mode 100644
index 0000000..083b997
--- /dev/null
+++ b/frontend/src/components/Forms/FormShareCalendar.jsx
@@ -0,0 +1,208 @@
+/* eslint-disable no-nested-ternary */
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { Button } from 'primereact/button';
+import { Avatar } from 'primereact/avatar';
+import { InputText } from 'primereact/inputtext';
+import { Tooltip } from 'primereact/tooltip';
+import { useForm, Controller } from 'react-hook-form';
+import { classNames as cn } from 'primereact/utils';
+import styles from './Forms.module.css';
+import { CalendarsContext } from '../../context';
+import { PICTURE_URL } from '../../utils/api/commonApi';
+
+export function FormShareCalendar({
+	onShareCalendar,
+	setVisible,
+	handleDeleteMate,
+}) {
+	const { editableCalendar, team } = useContext(CalendarsContext);
+	const { id, name, color } = editableCalendar;
+
+	const defaultValues = {
+		email: '',
+	};
+
+	const {
+		control,
+		formState: { errors, isValid },
+		handleSubmit,
+		reset,
+	} = useForm({ defaultValues, mode: 'onChange' });
+
+	const onSubmit = (data) => {
+		const result = {
+			...data,
+			id,
+			name,
+			color,
+		};
+		onShareCalendar(result);
+		reset();
+	};
+
+	const getFormErrorMessage = (errorName) =>
+		errors[errorName] && (
+			<small className="p-error">{errors[errorName].message}</small>
+		);
+
+	return (
+		<div className={styles.paddings}>
+			<div className="flex justify-content-center">
+				<div className={styles.card}>
+					<div className="flex align-items-center gap-2">
+						<h2 className={styles.title}>Поделиться календарём</h2>
+						<Tooltip target=".info" style={{ maxWidth: '382px' }} />
+						<span
+							className="info align-self-start mt-2"
+							data-pr-tooltip="
+              Добавляя участников к этому календарю,
+              вы автоматически поделитесь с ними всеми событиями,
+              закреплёнными в этом календаре.
+              Если вы хотите этого избежать, создайте отдельный
+              календарь для планирования командных мероприятий.
+            "
+						>
+							<i className="pi pi-info-circle" />
+						</span>
+					</div>
+
+					<div className="flex mb-4">
+						<div
+							className={cn(styles.circle, 'mb-1')}
+							style={{
+								backgroundColor: color,
+							}}
+						/>
+						<p className={styles.nameCalendar}>{name}</p>
+					</div>
+
+					{team.length > 0 && (
+						<div className={cn(styles.field, styles.guestsTable)}>
+							{team.map((mate) => (
+								<div className={cn(styles.guest)} key={mate.email}>
+									<div
+										className={cn('flex align-items-center', styles.guestInfo)}
+									>
+										<Avatar
+											icon={mate.profile_picture ? '' : 'pi pi-user'}
+											image={`${PICTURE_URL}${mate.profile_picture}` || ''}
+											className={cn(styles.guestAvatar)}
+											shape="circle"
+										/>
+
+										<p className={cn('my-0 ml-2', styles.guestEmail)}>
+											{mate.email}
+										</p>
+
+										{mate.infoIcon ? (
+											mate.infoIcon === 'load' ? (
+												<i
+													className={cn(
+														'pi pi-spin pi-spinner',
+														styles.guestIcon
+													)}
+												/>
+											) : mate.infoIcon === 'success' ? (
+												<i className={cn('pi pi-check', styles.guestIcon)} />
+											) : (
+												<i className={cn('pi pi-times', styles.guestIcon)} />
+											)
+										) : (
+											<i className={cn('pi pi-check', styles.guestIcon)} />
+										)}
+									</div>
+
+									{mate.infoIcon ? (
+										mate.infoIcon === 'success' && (
+											<button
+												className={cn(styles.delButton)}
+												type="button"
+												onClick={() => {
+													handleDeleteMate({ id, email: mate.email });
+												}}
+											>
+												<i className="pi pi-trash" />
+											</button>
+										)
+									) : (
+										<button
+											className={cn(styles.delButton)}
+											type="button"
+											onClick={() => {
+												handleDeleteMate({ id, email: mate.email });
+											}}
+										>
+											<i className="pi pi-trash" />
+										</button>
+									)}
+								</div>
+							))}
+						</div>
+					)}
+
+					<form
+						className={`p-fluid ${styles.form}`}
+						onSubmit={handleSubmit(onSubmit)}
+					>
+						<div className={cn(styles.inputBox)}>
+							<div className={styles.field}>
+								<span className="p-float-label p-input-icon-right">
+									<Controller
+										name="email"
+										control={control}
+										rules={{
+											required: 'Обязательное поле Email.',
+											pattern: {
+												value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
+												message:
+													'Не корректный email. Например: example@email.ru',
+											},
+										}}
+										render={({ field, fieldState }) => (
+											<InputText
+												id={field.name}
+												{...field}
+												autoFocus
+												className={cn({
+													'p-invalid': fieldState.invalid,
+												})}
+											/>
+										)}
+									/>
+									{/* eslint jsx-a11y/label-has-associated-control: ["error", { assert: "either" } ] */}
+									<label
+										htmlFor="email"
+										className={cn({ 'p-error': errors.name })}
+									>
+										Пригласить по email
+									</label>
+								</span>
+								{getFormErrorMessage('email')}
+							</div>
+
+							<Button
+								type="submit"
+								icon="pi pi-plus"
+								disabled={!isValid}
+								className={cn('p-button-rounded p-button-outlined')}
+							/>
+						</div>
+
+						<Button
+							type="button"
+							onClick={() => setVisible(false)}
+							label="Сохранить"
+						/>
+					</form>
+				</div>
+			</div>
+		</div>
+	);
+}
+
+FormShareCalendar.propTypes = {
+	onShareCalendar: PropTypes.func.isRequired,
+	setVisible: PropTypes.func.isRequired,
+	handleDeleteMate: PropTypes.func.isRequired,
+};
diff --git a/frontend/src/components/Forms/Forms.module.css b/frontend/src/components/Forms/Forms.module.css
index bc2f949..c62fef9 100644
--- a/frontend/src/components/Forms/Forms.module.css
+++ b/frontend/src/components/Forms/Forms.module.css
@@ -1,6 +1,6 @@
 /* ОБЩИЕ СТИЛИ */
 .card {
-	width: 20rem;
+	width: 21rem;
 }
 
 .form {
@@ -8,6 +8,10 @@
 }
 
 .title {
+	font-size: 26px;
+	font-family: Roboto;
+	font-weight: 600;
+	word-wrap: break-word;
 	margin: 0 0 2.5rem;
 }
 
@@ -111,3 +115,89 @@
 .avatar .dangerBtn {
 	margin-top: 3rem;
 }
+
+/* FormShareCalendar */
+.inputBox {
+	display: grid;
+	grid-template-columns: 6fr 1fr;
+	gap: 1rem;
+}
+
+.circle {
+	width: 18px;
+	height: 18px;
+	border-radius: 25px;
+}
+
+.nameCalendar {
+	margin: 0 0 0 12px;
+	padding-top: 1px;
+}
+
+.guestsTable {
+	padding: 1.2rem;
+	border: 1px solid;
+	border-radius: 0.3rem;
+	border-color: var(--surface-border);
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	column-gap: 1.1rem;
+}
+
+.guest {
+	width: 100%;
+	border-radius: 0.3rem;
+	border-color: var(--surface-border);
+	display: grid;
+	grid-template-columns: auto 24px;
+	column-gap: 1.1rem;
+	align-items: center;
+}
+
+.guestInfo {
+	max-width: 270px;
+	height: 32px;
+	border-radius: 20px;
+	background-color: var(--highlight-bg);
+	margin-left: 5px;
+}
+
+.guestIcon {
+	margin-left: auto;
+	margin-right: 8px;
+}
+
+.guestAvatar {
+	margin-left: 2px;
+	width: 28px;
+	height: 28px;
+	background-color: violet;
+}
+
+.guestEmail {
+	max-width: 170px;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 300;
+	line-height: 150%;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.delButton {
+	justify-self: center;
+	border: none;
+	background-color: transparent;
+	color: var(--text-color);
+	cursor: pointer;
+	padding: 0;
+	transition: all 0.2s ease-out;
+	width: 16px;
+	height: 16px;
+}
+
+.delButton:hover {
+	color: var(--surface-200);
+}
diff --git a/frontend/src/components/Main/Main.jsx b/frontend/src/components/Main/Main.jsx
index 5da23d7..34b38e9 100644
--- a/frontend/src/components/Main/Main.jsx
+++ b/frontend/src/components/Main/Main.jsx
@@ -16,6 +16,7 @@ export function Main({
 	onNewEventClick,
 	onNewCalendarClick,
 	onEditCalendarClick,
+	onShareCalendarClick,
 	onEventDoubleClick,
 	onNewEventClickUnauth,
 	onEditEvent,
@@ -57,6 +58,7 @@ export function Main({
 		<main className={`${styles.main} container`}>
 			<Sidebar
 				onEditCalendarClick={onEditCalendarClick}
+				onShareCalendarClick={onShareCalendarClick}
 				onNewEventClick={onNewEventClick}
 				onNewCalendarClick={onNewCalendarClick}
 				showProdCalendar={setVisibleProdCalendar}
@@ -70,6 +72,7 @@ export function Main({
 
 Main.propTypes = {
 	onEditCalendarClick: PropTypes.func.isRequired,
+	onShareCalendarClick: PropTypes.func.isRequired,
 	onNewEventClick: PropTypes.func.isRequired,
 	onNewEventClickUnauth: PropTypes.func.isRequired,
 	onNewCalendarClick: PropTypes.func.isRequired,
diff --git a/frontend/src/components/Popups/PopupShareCalendar.jsx b/frontend/src/components/Popups/PopupShareCalendar.jsx
new file mode 100644
index 0000000..faf720a
--- /dev/null
+++ b/frontend/src/components/Popups/PopupShareCalendar.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Dialog } from 'primereact/dialog';
+import { FormShareCalendar } from '../Forms/FormShareCalendar';
+
+export function PopupShareCalendar({
+	visible,
+	setVisible,
+	handleShare,
+	handleDeleteMate,
+}) {
+	return (
+		<Dialog visible={visible} onHide={() => setVisible(false)}>
+			<FormShareCalendar
+				onShareCalendar={handleShare}
+				setVisible={setVisible}
+				handleDeleteMate={handleDeleteMate}
+			/>
+		</Dialog>
+	);
+}
+
+PopupShareCalendar.propTypes = {
+	visible: PropTypes.bool.isRequired,
+	setVisible: PropTypes.func.isRequired,
+	handleShare: PropTypes.func.isRequired,
+	handleDeleteMate: PropTypes.func.isRequired,
+};
diff --git a/frontend/src/components/Popups/index.js b/frontend/src/components/Popups/index.js
index 541eaf5..fc39710 100644
--- a/frontend/src/components/Popups/index.js
+++ b/frontend/src/components/Popups/index.js
@@ -8,6 +8,7 @@ import { PopupEditEvent } from './PopupEditEvent';
 import { PopupDialog } from './PopupDialog';
 import { PopupEditAvatar } from './PopupEditAvatar';
 import { PopupAskToRegister } from './PopupAskToRegister';
+import { PopupShareCalendar } from './PopupShareCalendar';
 
 export {
 	PopupChangePassword,
@@ -20,4 +21,5 @@ export {
 	PopupDialog,
 	PopupEditAvatar,
 	PopupAskToRegister,
+	PopupShareCalendar,
 };
diff --git a/frontend/src/components/Sidebar/Sidebar.jsx b/frontend/src/components/Sidebar/Sidebar.jsx
index 74fce8a..f979b66 100644
--- a/frontend/src/components/Sidebar/Sidebar.jsx
+++ b/frontend/src/components/Sidebar/Sidebar.jsx
@@ -18,6 +18,7 @@ import { CalendarSelect } from '../CalendarSelect/CalendarSelect';
 
 export function Sidebar({
 	onEditCalendarClick,
+	onShareCalendarClick,
 	onNewEventClick,
 	onNewCalendarClick,
 	visibleProdCalendar,
@@ -76,7 +77,10 @@ export function Sidebar({
 			/>
 			{loggedIn && (
 				<>
-					<CalendarSelect onEditCalendarClick={onEditCalendarClick} />
+					<CalendarSelect
+						onEditCalendarClick={onEditCalendarClick}
+						onShareCalendarClick={onShareCalendarClick}
+					/>
 					<Button
 						label="Новый календарь"
 						icon="pi pi-plus"
@@ -105,6 +109,7 @@ export function Sidebar({
 // href='#about-project'
 Sidebar.propTypes = {
 	onEditCalendarClick: PropTypes.func.isRequired,
+	onShareCalendarClick: PropTypes.func.isRequired,
 	onNewEventClick: PropTypes.func.isRequired,
 	onNewCalendarClick: PropTypes.func.isRequired,
 	visibleProdCalendar: PropTypes.bool.isRequired,
diff --git a/frontend/src/utils/api/calendars.js b/frontend/src/utils/api/calendars.js
index e3a8bfa..69ea094 100644
--- a/frontend/src/utils/api/calendars.js
+++ b/frontend/src/utils/api/calendars.js
@@ -116,3 +116,148 @@ export const deleteCalendar = (id) =>
 			authorization: getAccessToken(),
 		},
 	});
+
+/*
+  ЗАПРОСЫ НА ШЕРИНГ КАЛЕНДАРЯ
+*/
+
+/*
+  Поделиться календарём с пользователем
+  Вернётся:
+  {
+    "owner": "user@example.com",
+    "user": "user@example.com",
+    "calendar": "string",
+    "custom_name": "string",
+    "custom_color": "#fDd449"
+  }
+*/
+// TODO: Здесь нужно получать id пользака
+export const shareCalendar = ({ id, email, name, color }) =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/${id}/share/`, {
+		method: 'POST',
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+		body: JSON.stringify({
+			user: email,
+			custom_name: name,
+			custom_color: color,
+		}),
+	});
+
+/*
+  NOTE: НЕ ИСПОЛЬЗУЕМ
+  Получение календарей, которыми ТЫ поделился с пользователями
+  Вернётся массив объектов:
+  {
+    "owner": "user@example.com",
+    "users": [
+      "user1@user.com",
+      "user2@user.com",
+    ],
+    "calendar": {
+      "id": 1,
+      "name": "string",
+      "color": "#000",
+    }
+  }
+*/
+export const getAllSharedToOthers = () =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/shared_to_user/`, {
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+	});
+
+/*
+  Получение данных конкретного календаря, которым ты поделился
+  Вернётся объект:
+  {
+    "owner": "user@example.com",
+    "users": [
+      "user1@user.com",
+      "user2@user.com",
+    ],
+    "calendar": {
+      "id": 1,
+      "name": "string",
+      "color": "#000",
+    }
+  }
+*/
+export const getSharedCalendarById = (id) =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/${id}/share/`, {
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+	});
+
+/*
+  Получение календарей, которыми поделились с тобой
+  Вернётся массив объектов:
+  {
+    "id": 0,
+    "owner": "user@example.com",
+    "calendar": {
+      "id": 1,
+      "name": "string",
+      "color": "#000",
+    },
+    "custom_name": "string",
+    "custom_color": "#2Bd"
+  }
+*/
+export const getAllSharedToMe = () =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/shared_to_me/`, {
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+	});
+
+/*
+  Изменить свою копию календаря
+  Вернётся:
+  {
+    "owner": "user@example.com",
+    "user": "user@example.com",
+    "calendar": "string",
+    "custom_name": "string",
+    "custom_color": "#2C6"
+  }
+*/
+export const changeSharedCalendar = ({ id, name, color }) =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/${id}/share/`, {
+		method: 'PATCH',
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+		body: JSON.stringify({
+			custom_name: name,
+			custom_color: color,
+		}),
+	});
+
+/*
+  TODO: Спросить у бэков, работает это с двух сторон одиноково или нет
+
+  Удалить доступ к календарю
+  Вернётся 204))))
+*/
+
+export const deleteSharedCalendar = ({ id, email }) =>
+	fetchWithRefresh(`${BASE_URL}/v1/calendars/${id}/share/`, {
+		method: 'DELETE',
+		headers: {
+			...HEADERS,
+			authorization: getAccessToken(),
+		},
+		body: JSON.stringify({
+			user: email,
+		}),
+	});