From 676e6c73cfed67b906e1ebf9f7452dee61277d6b Mon Sep 17 00:00:00 2001
From: EduardZaydler <117674342+EduardZaydler@users.noreply.github.com>
Date: Mon, 22 Jul 2024 19:10:53 +0700
Subject: [PATCH] contact events noisiness stat (#526)

---
 .eslintignore                                 |   3 +-
 package.json                                  |   2 +
 .../ContactList/contactlist--few-items.png    | Bin 10553 -> 12688 bytes
 .../ContactList/contactlist--one-item.png     | Bin 7866 -> 8919 bytes
 .../ContactEditModal/ContactEditModal.tsx     |   8 +-
 .../Components/ContactEventsChart.tsx         |  75 ++++++++
 .../ContactEventStats/Components/Legend.less  |  52 ++++++
 .../Components/TriggerEventsChart.tsx         |  54 ++++++
 .../Components/htmlLegendPlugin.tsx           | 154 ++++++++++++++++
 .../ContactEventStats/ContactEventStats.less  |  30 +++
 .../ContactEventStats/ContactEventStats.tsx   | 128 +++++++++++++
 .../Components/EmptyListMessage.tsx           |  24 +++
 src/Components/ContactList/ContactList.less   |   4 +
 src/Components/ContactList/ContactList.tsx    |  66 ++++---
 .../DateAndTimeMenu/DateAndTimeMenu.less      |  15 ++
 .../DateAndTimeMenu/DateAndTimeMenu.tsx       |  78 ++++++++
 .../DateAndTimeSelector.less                  |  25 +++
 .../DateAndTimeSelector.tsx                   |  85 +++++++++
 src/Components/DateSelector/DateSelector.tsx  |  30 +++
 .../CustomMaintenanceMenu.tsx                 | 174 +++++-------------
 .../MaintenanceSelect/MaintenanceSelect.tsx   |   3 +
 .../MobileSettingsPage/MobileSettingsPage.tsx |   8 +-
 src/Components/Tag/Tag.tsx                    |   2 +-
 .../TagDropdownSelect/TagDropdownSelect.less  |   2 +-
 src/Components/TagList/TagList.less           |   2 +-
 src/Components/TimeSelector/TimeSelector.less |   6 +
 src/Components/TimeSelector/TimeSelector.tsx  |  36 ++++
 src/Domain/Contact.ts                         |  52 ++++++
 src/Stories/MaintenanceSelect.stories.tsx     |  27 +--
 src/helpers/DateUtil.ts                       |  11 ++
 src/helpers/getChartOptions.ts                |  81 ++++++++
 src/helpers/validations.ts                    |  81 ++++++++
 src/hooks/useTeamSettingsAvailable.tsx        |   2 +-
 src/mobile.bundle.tsx                         |   6 +
 src/services/ContactApi.ts                    |  20 +-
 src/types/htmlLegendPlugin.d.ts               |   8 +
 yarn.lock                                     |  21 ++-
 37 files changed, 1191 insertions(+), 184 deletions(-)
 create mode 100644 src/Components/ContactEventStats/Components/ContactEventsChart.tsx
 create mode 100644 src/Components/ContactEventStats/Components/Legend.less
 create mode 100644 src/Components/ContactEventStats/Components/TriggerEventsChart.tsx
 create mode 100644 src/Components/ContactEventStats/Components/htmlLegendPlugin.tsx
 create mode 100644 src/Components/ContactEventStats/ContactEventStats.less
 create mode 100644 src/Components/ContactEventStats/ContactEventStats.tsx
 create mode 100644 src/Components/ContactList/Components/EmptyListMessage.tsx
 create mode 100644 src/Components/DateAndTimeMenu/DateAndTimeMenu.less
 create mode 100644 src/Components/DateAndTimeMenu/DateAndTimeMenu.tsx
 create mode 100644 src/Components/DateAndTimeSelector/DateAndTimeSelector.less
 create mode 100644 src/Components/DateAndTimeSelector/DateAndTimeSelector.tsx
 create mode 100644 src/Components/DateSelector/DateSelector.tsx
 create mode 100644 src/Components/TimeSelector/TimeSelector.less
 create mode 100644 src/Components/TimeSelector/TimeSelector.tsx
 create mode 100644 src/helpers/getChartOptions.ts
 create mode 100644 src/types/htmlLegendPlugin.d.ts

diff --git a/.eslintignore b/.eslintignore
index 5ed16ad99..0e7b479b7 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -4,4 +4,5 @@
 /flow-typed
 webpack.*.js
 src/TriggerGrammar/parser.terms.ts
-src/TriggerGrammar/parser.ts
\ No newline at end of file
+src/TriggerGrammar/parser.ts
+htmlLegendPlugin.d.ts
\ No newline at end of file
diff --git a/package.json b/package.json
index 63ccbec92..b66878fba 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,8 @@
         "@tanstack/react-table": "8.17.3",
         "@types/codemirror": "5.60.1",
         "chart.js": "4.4.1",
+        "chartjs-adapter-date-fns": "3.0.0",
+        "chartjs-plugin-zoom": "^2.0.1",
         "codemirror": "6.0.1",
         "color-hash": "1.0.3",
         "date-fns": "2.9.0",
diff --git a/playwright/snapshots/ContactList/contactlist--few-items.png b/playwright/snapshots/ContactList/contactlist--few-items.png
index e9b5c658a38cd8607d1de4385afbafb2bbb05656..e1339281832b75204b23b81408fb841c01690bf0 100644
GIT binary patch
literal 12688
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

literal 10553
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
RjpPfIQ;H|kPyBV`zW`VZ`xF2G

diff --git a/playwright/snapshots/ContactList/contactlist--one-item.png b/playwright/snapshots/ContactList/contactlist--one-item.png
index aa4a5c4a68a7d25795c94b8dfa173ea1d7001819..6ecece1db4c66d15625de02e92a6221efc73bef0 100644
GIT binary patch
literal 8919
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
QAo2l}incQ0%JsYd2AVedr2qf`

literal 7866
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
Of3%|d&0K}MkN*cdSG`pL

diff --git a/src/Components/ContactEditModal/ContactEditModal.tsx b/src/Components/ContactEditModal/ContactEditModal.tsx
index 76ae14c2d..59998df93 100644
--- a/src/Components/ContactEditModal/ContactEditModal.tsx
+++ b/src/Components/ContactEditModal/ContactEditModal.tsx
@@ -87,7 +87,13 @@ const ContactEditModal: FC<IContactEditModalProps> = ({
                         </FileExport>
                         <Fill />
                         <div>
-                            <Hint text="This contact is being used in current subscriptions">
+                            <Hint
+                                text={
+                                    isDeleteContactButtonDisabled
+                                        ? "This contact is being used in current subscriptions"
+                                        : ""
+                                }
+                            >
                                 <Button
                                     use="danger"
                                     loading={isDeleting}
diff --git a/src/Components/ContactEventStats/Components/ContactEventsChart.tsx b/src/Components/ContactEventStats/Components/ContactEventsChart.tsx
new file mode 100644
index 000000000..4c457c6d8
--- /dev/null
+++ b/src/Components/ContactEventStats/Components/ContactEventsChart.tsx
@@ -0,0 +1,75 @@
+import React, { useMemo, useState } from "react";
+import { Bar } from "react-chartjs-2";
+import { Chart as ChartJS, ChartOptions, registerables } from "chart.js";
+import {
+    EContactEventsInterval,
+    groupEventsByInterval,
+    IContactEvent,
+} from "../../../Domain/Contact";
+import { getStatusColor, Status } from "../../../Domain/Status";
+import { createHtmlLegendPlugin } from "./htmlLegendPlugin";
+import { Select } from "@skbkontur/react-ui/components/Select";
+import zoomPlugin from "chartjs-plugin-zoom";
+import { getContactEventsChartOptions } from "../../../helpers/getChartOptions";
+
+ChartJS.register(...registerables);
+
+interface IContactEventsBarChartProps {
+    events: IContactEvent[];
+}
+
+export const ContactEventsChart: React.FC<IContactEventsBarChartProps> = ({ events }) => {
+    const [interval, setInterval] = useState<EContactEventsInterval>(EContactEventsInterval.hour);
+
+    const groupedTransitions = useMemo(() => groupEventsByInterval(events, interval), [
+        events,
+        interval,
+    ]);
+
+    const labels = useMemo(() => Object.keys(groupedTransitions), [events, interval]);
+
+    const transitionTypes = useMemo(() => {
+        const types = new Set<string>();
+        Object.values(groupedTransitions).forEach((transitions) =>
+            Object.keys(transitions).forEach((transition) => types.add(transition))
+        );
+        return types;
+    }, [events, interval]);
+
+    const datasets = useMemo(() => {
+        return Array.from(transitionTypes).map((transition) => ({
+            label: transition,
+            data: labels.map((timestamp) => groupedTransitions[timestamp][transition]),
+            backgroundColor: getStatusColor(transition.split(" to ")[1] as Status),
+        }));
+    }, [events, interval]);
+
+    return (
+        <div>
+            <div
+                style={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                    marginBottom: "10px",
+                    alignItems: "baseline",
+                }}
+            >
+                <span style={{ fontSize: "18px" }}>Trigger transitions</span>
+                <span>
+                    <label>Select Interval </label>
+                    <Select
+                        value={interval}
+                        onValueChange={setInterval}
+                        items={Object.values(EContactEventsInterval)}
+                    />
+                </span>
+            </div>
+            <div id="contact-events-legend-container" />
+            <Bar
+                plugins={[createHtmlLegendPlugin(false), zoomPlugin]}
+                data={{ labels, datasets }}
+                options={getContactEventsChartOptions(interval) as ChartOptions<"bar">}
+            />
+        </div>
+    );
+};
diff --git a/src/Components/ContactEventStats/Components/Legend.less b/src/Components/ContactEventStats/Components/Legend.less
new file mode 100644
index 000000000..5e42ade52
--- /dev/null
+++ b/src/Components/ContactEventStats/Components/Legend.less
@@ -0,0 +1,52 @@
+.legend-list {
+    display: flex;
+    gap: 5px;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin: 0;
+    padding: 0;
+    max-width: 100%;
+}
+
+.legend-item {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    margin-left: 10px;
+    white-space: nowrap;
+}
+
+.legend-item.hidden {
+    display: none;
+}
+
+.legend-item.active {
+    opacity: 1;
+    font-weight: bold;
+}
+
+.legend-box {
+    display: inline-block;
+    border-radius: 9999px;
+    height: 6px;
+    margin-right: 10px;
+    width: 17px;
+}
+
+.legend-text {
+    margin: 0;
+    padding: 0;
+}
+
+.legend-link {
+    margin-left: 5px;
+}
+
+.legend-link-icon {
+    height: 16px;
+    width: 16px;
+}
+
+.legend-toggle-icon {
+    cursor: pointer;
+}
diff --git a/src/Components/ContactEventStats/Components/TriggerEventsChart.tsx b/src/Components/ContactEventStats/Components/TriggerEventsChart.tsx
new file mode 100644
index 000000000..8168ed1eb
--- /dev/null
+++ b/src/Components/ContactEventStats/Components/TriggerEventsChart.tsx
@@ -0,0 +1,54 @@
+import "chartjs-adapter-date-fns";
+import React, { useMemo } from "react";
+import { Bar } from "react-chartjs-2";
+import { Chart as ChartJS, ChartOptions, registerables } from "chart.js";
+import { IContactEvent } from "../../../Domain/Contact";
+import { getColor } from "../../Tag/Tag";
+import { createHtmlLegendPlugin } from "./htmlLegendPlugin";
+import { triggerEventsChartOptions } from "../../../helpers/getChartOptions";
+
+ChartJS.register(...registerables);
+
+interface ITriggerEventsBarChartProps {
+    events: IContactEvent[];
+}
+
+export const TriggerEventsChart: React.FC<ITriggerEventsBarChartProps> = ({ events }) => {
+    const groupedEvents = useMemo(
+        () =>
+            events.reduce<Record<string, number>>((acc, event) => {
+                acc[event.trigger_id] = (acc[event.trigger_id] || 0) + 1;
+                return acc;
+            }, {}),
+        [events]
+    );
+
+    const sortedEvents = useMemo(() => {
+        return Object.entries(groupedEvents).sort(([, a], [, b]) => b - a);
+    }, [events]);
+
+    const datasets = sortedEvents.map(([triggerId, count]) => ({
+        label: triggerId,
+        data: [count],
+        backgroundColor: getColor(triggerId).backgroundColor,
+    }));
+
+    const data = {
+        labels: [""],
+        datasets,
+    };
+
+    return (
+        <>
+            <span style={{ fontSize: "18px", marginBottom: "10px", display: "inline-block" }}>
+                Grouped by trigger
+            </span>
+            <div id="trigger-events-legend-container" />
+            <Bar
+                data={data}
+                plugins={[createHtmlLegendPlugin(true)]}
+                options={triggerEventsChartOptions as ChartOptions<"bar">}
+            />
+        </>
+    );
+};
diff --git a/src/Components/ContactEventStats/Components/htmlLegendPlugin.tsx b/src/Components/ContactEventStats/Components/htmlLegendPlugin.tsx
new file mode 100644
index 000000000..8a57c7dba
--- /dev/null
+++ b/src/Components/ContactEventStats/Components/htmlLegendPlugin.tsx
@@ -0,0 +1,154 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import { Chart, LegendItem, Plugin } from "chart.js";
+import LinkIcon from "@skbkontur/react-icons/Link";
+import { Link } from "@skbkontur/react-ui/components/Link";
+import ArrowUpIcon from "@skbkontur/react-icons/ArrowChevronUp";
+import ArrowDownIcon from "@skbkontur/react-icons/ArrowChevronDown";
+import classNames from "classnames/bind";
+
+import styles from "./Legend.less";
+
+const cn = classNames.bind(styles);
+
+let lastClickedIndex: number | null | undefined = null;
+let isExpanded = false;
+const maxVisibleItems = 7;
+
+const LegendItemComponent: React.FC<{
+    item: LegendItem;
+    index: number;
+    chart: Chart;
+    showLinks: boolean;
+    updateLegendStyles: () => void;
+}> = ({ item, index, chart, showLinks, updateLegendStyles }) => {
+    if (!item.text || item.text.trim() === "") {
+        return null;
+    }
+
+    const handleClick = () => {
+        const isVisible = chart.isDatasetVisible(item.datasetIndex as number);
+        if (lastClickedIndex === item.datasetIndex && isVisible) {
+            chart.data.datasets.forEach((_, idx: number) => {
+                chart.setDatasetVisibility(idx, true);
+            });
+            lastClickedIndex = null;
+        } else {
+            chart.data.datasets.forEach((_, idx: number) => {
+                chart.setDatasetVisibility(idx, idx === item.datasetIndex);
+            });
+            lastClickedIndex = item.datasetIndex;
+        }
+        chart.update();
+        updateLegendStyles();
+    };
+
+    return (
+        <li
+            id={`legend-item-${item.datasetIndex}`}
+            className={cn("legend-item", {
+                hidden: index >= maxVisibleItems && !isExpanded,
+                active: lastClickedIndex === item.datasetIndex,
+            })}
+            onClick={handleClick}
+        >
+            <span
+                className={cn("legend-box")}
+                style={{
+                    background: item.fillStyle as string,
+                    borderColor: item.strokeStyle as string,
+                    borderWidth: item.lineWidth + "px",
+                }}
+            />
+            <span className={cn("legend-text")} style={{ color: item.fontColor as string }}>
+                {item.text}
+            </span>
+            {showLinks && (
+                <Link
+                    href={`/trigger/${item.text}`}
+                    target="_blank"
+                    className={cn("legend-link")}
+                    onClick={(e) => e.stopPropagation()}
+                    icon={<LinkIcon />}
+                />
+            )}
+        </li>
+    );
+};
+
+const Legend: React.FC<{
+    chart: Chart;
+    items: LegendItem[];
+    showLinks: boolean;
+    updateLegendStyles: () => void;
+}> = ({ chart, items, showLinks, updateLegendStyles }) => {
+    const IconComponent = isExpanded ? ArrowUpIcon : ArrowDownIcon;
+
+    const toggleExpand = () => {
+        isExpanded = !isExpanded;
+        chart.update();
+    };
+
+    return (
+        <ul className={cn("legend-list")}>
+            {items.map((item, index) => (
+                <LegendItemComponent
+                    key={item.datasetIndex}
+                    item={item}
+                    index={index}
+                    chart={chart}
+                    showLinks={showLinks}
+                    updateLegendStyles={updateLegendStyles}
+                />
+            ))}
+            {items.length > maxVisibleItems && (
+                <IconComponent className={cn("legend-toggle-icon")} onClick={toggleExpand} />
+            )}
+        </ul>
+    );
+};
+
+export const createHtmlLegendPlugin = (showLinks: boolean): Plugin<"bar"> => ({
+    id: "htmlLegend",
+    afterUpdate(chart) {
+        const containerID = chart.options.plugins?.htmlLegend?.containerID || "";
+        const legendContainer = document.getElementById(containerID);
+
+        if (legendContainer) {
+            const items = chart.options.plugins?.legend?.labels?.generateLabels?.(
+                chart
+            ) as LegendItem[];
+            const updateLegendStyles = () => {
+                const ul = legendContainer.querySelector("ul");
+                if (ul) {
+                    const legendItems = ul.querySelectorAll("li");
+                    legendItems.forEach((legendItem) => {
+                        if (
+                            parseInt(legendItem.id.replace("legend-item-", "")) === lastClickedIndex
+                        ) {
+                            legendItem.classList.add(cn("active"));
+                        } else {
+                            legendItem.classList.remove(cn("active"));
+                        }
+                    });
+
+                    if (lastClickedIndex === null) {
+                        legendItems.forEach((legendItem) => {
+                            legendItem.classList.remove(cn("active"));
+                        });
+                    }
+                }
+            };
+
+            ReactDOM.render(
+                <Legend
+                    chart={chart}
+                    items={items}
+                    showLinks={showLinks}
+                    updateLegendStyles={updateLegendStyles}
+                />,
+                legendContainer
+            );
+        }
+    },
+});
diff --git a/src/Components/ContactEventStats/ContactEventStats.less b/src/Components/ContactEventStats/ContactEventStats.less
new file mode 100644
index 000000000..91aef7e53
--- /dev/null
+++ b/src/Components/ContactEventStats/ContactEventStats.less
@@ -0,0 +1,30 @@
+@import "~styles/variables.less";
+@import "~styles/mixins.less";
+
+.calendar-icon {
+    display: inline-block;
+    position: absolute;
+    box-sizing: border-box;
+    border: 1px solid rgba(0, 0, 0, 0.16);
+    height: 32px;
+    padding: 4px;
+    margin-left: -0.5px;
+}
+
+.time-range-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    margin-bottom: 20px;
+}
+
+.date-time-pickers {
+    display: flex;
+    gap: 5px;
+    align-items: baseline;
+}
+
+.empty-container {
+    &:extend(.empty-result);
+    height: calc(100vh - 127px);
+}
diff --git a/src/Components/ContactEventStats/ContactEventStats.tsx b/src/Components/ContactEventStats/ContactEventStats.tsx
new file mode 100644
index 000000000..20722e2db
--- /dev/null
+++ b/src/Components/ContactEventStats/ContactEventStats.tsx
@@ -0,0 +1,128 @@
+import React, { FC, useEffect, useRef, useState } from "react";
+import { useLazyGetContactEventsQuery } from "../../services/ContactApi";
+import {
+    Gapped,
+    SidePage,
+    SidePageBody,
+    SidePageContainer,
+    SidePageHeader,
+} from "@skbkontur/react-ui";
+import { TriggerEventsChart } from "./Components/TriggerEventsChart";
+import { ContactEventsChart } from "./Components/ContactEventsChart";
+import { Spinner } from "@skbkontur/react-ui/components/Spinner";
+import { Button } from "@skbkontur/react-ui/components/Button";
+import { DateAndTimeMenu } from "../DateAndTimeMenu/DateAndTimeMenu";
+import { useAppSelector } from "../../store/hooks";
+import { UIState } from "../../store/selectors";
+import { getUnixTime, subDays } from "date-fns";
+import { ValidationContainer } from "@skbkontur/react-ui-validations";
+import { validateDateAndTime, validateForm } from "../../helpers/validations";
+import classNames from "classnames/bind";
+
+import styles from "./ContactEventStats.less";
+
+const cn = classNames.bind(styles);
+
+interface IContactEventStatsProps {
+    contactId: string;
+    onClose: () => void;
+}
+
+export const ContactEventStats: FC<IContactEventStatsProps> = ({ contactId, onClose }) => {
+    const maxDate = new Date();
+    const minDate = subDays(new Date(), 2);
+    const [fromTime, setFromTime] = useState<Date>(minDate);
+    const [untilTime, setUntilTime] = useState<Date>(maxDate);
+    const { error } = useAppSelector(UIState);
+    const validationContainerRef = useRef(null);
+
+    const [trigger, result] = useLazyGetContactEventsQuery();
+
+    const { data: contactEvents, isLoading, isFetching } = result;
+
+    const fetchEvents = () =>
+        trigger({
+            contactId,
+            from: getUnixTime(fromTime),
+            to: getUnixTime(untilTime),
+            handleLoadingLocally: true,
+        });
+
+    const handleApplyTimeRange = async () => {
+        const validationSuccess = await validateForm(validationContainerRef);
+        if (!validationSuccess) {
+            return;
+        }
+        fetchEvents();
+    };
+
+    useEffect(() => {
+        fetchEvents();
+    }, []);
+
+    return error ? null : (
+        <SidePage width={800} onClose={onClose}>
+            <SidePageHeader>
+                Contact events{contactEvents?.length ? `: ${contactEvents?.length}` : ""}
+            </SidePageHeader>
+            <SidePageContainer>
+                <SidePageBody>
+                    <ValidationContainer ref={validationContainerRef}>
+                        <div className={cn("time-range-container")}>
+                            <span>Absolute time range</span>
+                            <div className={cn("date-time-pickers")}>
+                                <DateAndTimeMenu
+                                    validateDateAndTime={(inputValue) =>
+                                        validateDateAndTime(
+                                            fromTime,
+                                            inputValue,
+                                            maxDate,
+                                            minDate,
+                                            fromTime,
+                                            untilTime
+                                        )
+                                    }
+                                    minDate={minDate}
+                                    maxDate={maxDate}
+                                    date={fromTime}
+                                    setDate={setFromTime}
+                                />
+                                {"—"}
+                                <DateAndTimeMenu
+                                    validateDateAndTime={(inputValue) =>
+                                        validateDateAndTime(
+                                            untilTime,
+                                            inputValue,
+                                            maxDate,
+                                            minDate,
+                                            fromTime,
+                                            untilTime
+                                        )
+                                    }
+                                    minDate={minDate}
+                                    maxDate={maxDate}
+                                    date={untilTime}
+                                    setDate={setUntilTime}
+                                />
+                                <Button onClick={handleApplyTimeRange} use="primary">
+                                    Apply time range
+                                </Button>
+                            </div>
+                        </div>
+                    </ValidationContainer>
+
+                    {isLoading || isFetching ? (
+                        <Spinner className={cn("empty-container")} />
+                    ) : contactEvents?.length ? (
+                        <Gapped vertical gap={50}>
+                            <TriggerEventsChart events={contactEvents} />
+                            <ContactEventsChart events={contactEvents} />
+                        </Gapped>
+                    ) : (
+                        <div className={cn("empty-container")}>No events found</div>
+                    )}
+                </SidePageBody>
+            </SidePageContainer>
+        </SidePage>
+    );
+};
diff --git a/src/Components/ContactList/Components/EmptyListMessage.tsx b/src/Components/ContactList/Components/EmptyListMessage.tsx
new file mode 100644
index 000000000..bc8c89a53
--- /dev/null
+++ b/src/Components/ContactList/Components/EmptyListMessage.tsx
@@ -0,0 +1,24 @@
+import React, { FC } from "react";
+import { Button } from "@skbkontur/react-ui/components/Button";
+import { Center } from "@skbkontur/react-ui/components/Center";
+import { Gapped } from "@skbkontur/react-ui/components/Gapped";
+import AddIcon from "@skbkontur/react-icons/Add";
+
+export const EmptyListMessage: FC<{ onCLick: () => void }> = ({ onCLick }) => (
+    <Center>
+        <Gapped vertical gap={20}>
+            <div style={{ textAlign: "center" }}>
+                To start receiving notifications you have to{" "}
+                <Button use="link" onClick={onCLick}>
+                    add delivery channel
+                </Button>{" "}
+                for notifications.
+            </div>
+            <Center>
+                <Button use="primary" icon={<AddIcon />} onClick={onCLick}>
+                    Add delivery channel
+                </Button>
+            </Center>
+        </Gapped>
+    </Center>
+);
diff --git a/src/Components/ContactList/ContactList.less b/src/Components/ContactList/ContactList.less
index cf7f8a196..4ffe3c9d9 100644
--- a/src/Components/ContactList/ContactList.less
+++ b/src/Components/ContactList/ContactList.less
@@ -66,3 +66,7 @@ td.error-icon {
     margin-left: 40px;
     color: #808080;
 }
+
+.events {
+    width: 50px;
+}
diff --git a/src/Components/ContactList/ContactList.tsx b/src/Components/ContactList/ContactList.tsx
index 3aed108cb..da3a62d18 100644
--- a/src/Components/ContactList/ContactList.tsx
+++ b/src/Components/ContactList/ContactList.tsx
@@ -1,7 +1,5 @@
-import React, { useCallback, useState } from "react";
+import React, { useState } from "react";
 import { Button } from "@skbkontur/react-ui/components/Button";
-import { Center } from "@skbkontur/react-ui/components/Center";
-import { Gapped } from "@skbkontur/react-ui/components/Gapped";
 import AddIcon from "@skbkontur/react-icons/Add";
 import { ContactWithCustomName } from "./Components/ContactWithCustomName";
 import WarningIcon from "@skbkontur/react-icons/Warning";
@@ -15,6 +13,10 @@ import { Settings } from "../../Domain/Settings";
 import { useDeleteContactMutation } from "../../services/ContactApi";
 import { useParams } from "react-router";
 import { useModal } from "../../hooks/useModal";
+import { ContactEventStats } from "../ContactEventStats/ContactEventStats";
+import { useAppDispatch } from "../../store/hooks";
+import { setError } from "../../store/Reducers/UIReducer.slice";
+import { EmptyListMessage } from "./Components/EmptyListMessage";
 import classNames from "classnames/bind";
 
 import styles from "./ContactList.less";
@@ -29,6 +31,11 @@ interface IContactListProps {
 
 const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescriptions, settings }) => {
     const { teamId } = useParams<{ teamId: string }>();
+    const {
+        isModalOpen: contactEventsVisible,
+        openModal: openContactEventsSidePage,
+        closeModal: closeContactEventsSidePage,
+    } = useModal();
     const {
         isModalOpen: newContactModalVisible,
         openModal: openNewContactModal,
@@ -41,6 +48,7 @@ const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescription
     } = useModal();
     const [editableContact, setEditableContact] = useState<Contact | null>(null);
     const [deleteContact] = useDeleteContactMutation();
+    const dispatch = useAppDispatch();
 
     const handleBeginEditContact = (contact: Contact): void => {
         openEditContactModal();
@@ -52,27 +60,15 @@ const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescription
         settings?.subscriptions.some((sub) => sub.contacts.includes(editableContact.id))
     );
 
-    const renderEmptyListMessage = useCallback(
-        () => (
-            <Center>
-                <Gapped vertical gap={20}>
-                    <div style={{ textAlign: "center" }}>
-                        To start receiving notifications you have to{" "}
-                        <Button use="link" onClick={openNewContactModal}>
-                            add delivery channel
-                        </Button>{" "}
-                        for notifications.
-                    </div>
-                    <Center>
-                        <Button use="primary" icon={<AddIcon />} onClick={openNewContactModal}>
-                            Add delivery channel
-                        </Button>
-                    </Center>
-                </Gapped>
-            </Center>
-        ),
-        []
-    );
+    const handleEventsButtonClick = (
+        event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+        contact: Contact
+    ) => {
+        event.stopPropagation();
+        openContactEventsSidePage();
+        setEditableContact(contact);
+        dispatch(setError(null));
+    };
 
     return (
         <div>
@@ -114,6 +110,20 @@ const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescription
                                                         />
                                                     )}
                                                 </td>
+                                                <td className={cn("events")}>
+                                                    <Button
+                                                        onClick={(event) =>
+                                                            handleEventsButtonClick(event, {
+                                                                type: "",
+                                                                name: "",
+                                                                value: "",
+                                                                id,
+                                                            })
+                                                        }
+                                                    >
+                                                        Events
+                                                    </Button>
+                                                </td>
                                             </tr>
                                         );
                                     }
@@ -153,7 +163,7 @@ const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescription
                     </div>
                 </div>
             ) : (
-                renderEmptyListMessage()
+                <EmptyListMessage onCLick={openNewContactModal} />
             )}
             {newContactModalVisible && <NewContactModal onCancel={closeNewContactModal} />}
             {editContactModalVisible && (
@@ -163,6 +173,12 @@ const ContactList: React.FC<IContactListProps> = ({ contacts, contactDescription
                     onCancel={closeEditContactModal}
                 />
             )}
+            {contactEventsVisible && editableContact?.id && (
+                <ContactEventStats
+                    contactId={editableContact?.id}
+                    onClose={closeContactEventsSidePage}
+                />
+            )}
         </div>
     );
 };
diff --git a/src/Components/DateAndTimeMenu/DateAndTimeMenu.less b/src/Components/DateAndTimeMenu/DateAndTimeMenu.less
new file mode 100644
index 000000000..505cfae2f
--- /dev/null
+++ b/src/Components/DateAndTimeMenu/DateAndTimeMenu.less
@@ -0,0 +1,15 @@
+@import "~styles/variables.less";
+@import "~styles/mixins.less";
+
+.calendar-icon {
+    display: inline-block;
+    border-top: 1px solid rgba(0, 0, 0, 0.16);
+    border-right: 1px solid rgba(0, 0, 0, 0.16);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
+    box-sizing: border-box;
+    padding: 5px;
+    &:hover {
+        background-color: rgba(0, 0, 0, 0.16);
+        cursor: pointer;
+    }
+}
diff --git a/src/Components/DateAndTimeMenu/DateAndTimeMenu.tsx b/src/Components/DateAndTimeMenu/DateAndTimeMenu.tsx
new file mode 100644
index 000000000..10184c468
--- /dev/null
+++ b/src/Components/DateAndTimeMenu/DateAndTimeMenu.tsx
@@ -0,0 +1,78 @@
+import React, { useState, useRef, useEffect, FC } from "react";
+import { RenderLayer } from "@skbkontur/react-ui/internal/RenderLayer";
+import { DropdownContainer } from "@skbkontur/react-ui/internal/DropdownContainer";
+import { Input } from "@skbkontur/react-ui/components/Input";
+import CalendarIcon from "@skbkontur/react-icons/Calendar";
+import { DateAndTimeSelector } from "../DateAndTimeSelector/DateAndTimeSelector";
+import { format, parse } from "date-fns";
+import { ValidationInfo, ValidationWrapperV1 } from "@skbkontur/react-ui-validations";
+import { Nullable } from "@skbkontur/react-ui-validations/typings/Types";
+import { useModal } from "../../hooks/useModal";
+import classNames from "classnames/bind";
+
+import styles from "./DateAndTimeMenu.less";
+
+const cn = classNames.bind(styles);
+
+interface IDateAndTimeMenuProps {
+    date: Date;
+    setDate: (date: Date) => void;
+    minDate: Date;
+    maxDate: Date;
+    validateDateAndTime: (inputValue: string) => Nullable<ValidationInfo>;
+}
+
+export const DateAndTimeMenu: FC<IDateAndTimeMenuProps> = ({
+    date,
+    setDate,
+    minDate,
+    maxDate,
+    validateDateAndTime,
+}) => {
+    const { openModal: openMenu, closeModal: closeMenu, isModalOpen: isMenuOpen } = useModal();
+    const [inputValue, setInputValue] = useState<string>("");
+    const containerEl = useRef(null);
+
+    const handleValueChange = (value: string) => {
+        setInputValue(value);
+        const parsedDate = parse(value, "yyyy/MM/dd HH:mm:ss", new Date());
+        if (!isNaN(parsedDate.getTime())) {
+            setDate(parsedDate);
+        }
+    };
+
+    useEffect(() => {
+        setInputValue(format(date, "yyyy/MM/dd HH:mm:ss"));
+    }, [date]);
+
+    return (
+        <RenderLayer onClickOutside={closeMenu} onFocusOutside={closeMenu} active={isMenuOpen}>
+            <div ref={containerEl}>
+                <ValidationWrapperV1 validationInfo={validateDateAndTime(inputValue)}>
+                    <Input
+                        width={160}
+                        mask={"9999/99/99 99:99:99"}
+                        onFocus={closeMenu}
+                        value={inputValue}
+                        onValueChange={handleValueChange}
+                    />
+                </ValidationWrapperV1>
+                <CalendarIcon className={cn("calendar-icon")} onClick={openMenu} />
+                {isMenuOpen && (
+                    <DropdownContainer
+                        offsetY={5}
+                        getParent={() => containerEl.current}
+                        align="right"
+                    >
+                        <DateAndTimeSelector
+                            date={date}
+                            setDate={setDate}
+                            minDate={minDate}
+                            maxDate={maxDate}
+                        />
+                    </DropdownContainer>
+                )}
+            </div>
+        </RenderLayer>
+    );
+};
diff --git a/src/Components/DateAndTimeSelector/DateAndTimeSelector.less b/src/Components/DateAndTimeSelector/DateAndTimeSelector.less
new file mode 100644
index 000000000..c7aedef3b
--- /dev/null
+++ b/src/Components/DateAndTimeSelector/DateAndTimeSelector.less
@@ -0,0 +1,25 @@
+@import "~styles/variables.less";
+@import "~styles/mixins.less";
+
+.menu-container {
+    position: relative;
+    display: grid;
+    width: 100%;
+    grid-template-columns: 95px 258px;
+    grid-template-rows: 300px 30px;
+    background: #fff;
+    border: 1px solid #d5d5d5;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.footer {
+    z-index: 1000;
+    grid-column: 1 / span 2;
+    display: grid;
+    justify-content: center;
+    padding: 5px 13px;
+    background: #f2f2f2;
+    color: #333;
+    align-items: baseline;
+    width: calc(100% - 25px);
+}
diff --git a/src/Components/DateAndTimeSelector/DateAndTimeSelector.tsx b/src/Components/DateAndTimeSelector/DateAndTimeSelector.tsx
new file mode 100644
index 000000000..85210c3b4
--- /dev/null
+++ b/src/Components/DateAndTimeSelector/DateAndTimeSelector.tsx
@@ -0,0 +1,85 @@
+import React, { useState, useEffect, FC } from "react";
+import { TimeSelector } from "../TimeSelector/TimeSelector";
+import { format, isAfter, isBefore } from "date-fns";
+import { DateSelector } from "../DateSelector/DateSelector";
+import { timeList } from "../../helpers/DateUtil";
+import classNames from "classnames/bind";
+
+import styles from "./DateAndTimeSelector.less";
+
+const cn = classNames.bind(styles);
+
+interface IDateAndTimeSelectorProps {
+    date?: Date;
+    minDate: Date;
+    maxDate: Date;
+    setDate: (date: Date) => void;
+}
+
+export const DateAndTimeSelector: FC<IDateAndTimeSelectorProps> = ({
+    date,
+    minDate,
+    maxDate,
+    setDate,
+}) => {
+    const initialDate = date ?? minDate;
+    const [time, setTime] = useState(format(initialDate, "HH:mm:ss"));
+    const [selectedDate, setSelectedDate] = useState<Date | undefined>(initialDate);
+    const timeZone = format(initialDate, "OOOO");
+
+    const handleDatePick = (dateValue: Date) => {
+        setSelectedDate(dateValue);
+    };
+
+    const handleSetTime = (time: string) => {
+        setTime(time + ":00");
+    };
+
+    const isTimeDisabled = (preparedTime: string): boolean => {
+        if (!selectedDate) return true;
+        const [hours, minutes] = preparedTime.split(":").map(Number);
+        const selectedDateTime = new Date(
+            selectedDate.getFullYear(),
+            selectedDate.getMonth(),
+            selectedDate.getDate(),
+            hours,
+            minutes
+        );
+
+        return isBefore(selectedDateTime, minDate) || isAfter(selectedDateTime, maxDate);
+    };
+
+    useEffect(() => {
+        if (!time || !selectedDate) {
+            return;
+        }
+        const [hours, minutes, seconds] = time.split(":").map(Number);
+        const changedMaintenance = new Date(
+            selectedDate.getFullYear(),
+            selectedDate.getMonth(),
+            selectedDate.getDate(),
+            hours,
+            minutes,
+            seconds
+        );
+        setDate(changedMaintenance);
+    }, [selectedDate, time]);
+
+    return (
+        <div className={cn("menu-container")}>
+            <TimeSelector
+                isTimeDisabled={isTimeDisabled}
+                setTime={handleSetTime}
+                selectedTime={time}
+                times={timeList}
+            />
+            <DateSelector
+                date={date}
+                maxDate={maxDate}
+                minDate={minDate}
+                setDate={handleDatePick}
+            />
+            <footer className={cn("footer")}>{timeZone}</footer>
+        </div>
+    );
+};
diff --git a/src/Components/DateSelector/DateSelector.tsx b/src/Components/DateSelector/DateSelector.tsx
new file mode 100644
index 000000000..73d8375db
--- /dev/null
+++ b/src/Components/DateSelector/DateSelector.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { Calendar } from "@skbkontur/react-ui/components/Calendar";
+import { dateStringToUnixTimestamp, formatDateToCalendarDate } from "../../helpers/DateUtil";
+import { Range } from "@skbkontur/react-ui/typings/utility-types";
+import { getMonth, getYear } from "date-fns";
+
+interface IDateSelectorProps {
+    date?: Date | number;
+    setDate: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+}
+
+export const DateSelector: React.FC<IDateSelectorProps> = ({
+    date = new Date(),
+    setDate,
+    minDate,
+    maxDate,
+}) => {
+    return (
+        <Calendar
+            value={formatDateToCalendarDate(date)}
+            initialMonth={(getMonth(date) + 1) as Range<1, 13>}
+            initialYear={getYear(date)}
+            minDate={minDate && formatDateToCalendarDate(minDate)}
+            maxDate={maxDate && formatDateToCalendarDate(maxDate)}
+            onValueChange={(value) => setDate(dateStringToUnixTimestamp(value))}
+        />
+    );
+};
diff --git a/src/Components/MaintenanceSelect/CustomMaintenanceMenu/CustomMaintenanceMenu.tsx b/src/Components/MaintenanceSelect/CustomMaintenanceMenu/CustomMaintenanceMenu.tsx
index 6dff6646b..c043f65f9 100644
--- a/src/Components/MaintenanceSelect/CustomMaintenanceMenu/CustomMaintenanceMenu.tsx
+++ b/src/Components/MaintenanceSelect/CustomMaintenanceMenu/CustomMaintenanceMenu.tsx
@@ -1,172 +1,84 @@
 import React, { useState, useRef } from "react";
 import { Input } from "@skbkontur/react-ui/components/Input/Input";
 import { Button } from "@skbkontur/react-ui/components/Button/Button";
-import { Calendar, CalendarDateShape } from "@skbkontur/react-ui/components/Calendar";
 import { DateInput } from "@skbkontur/react-ui/components/DateInput/DateInput";
-import { MenuItem } from "@skbkontur/react-ui/components/MenuItem";
-import { Menu } from "@skbkontur/react-ui/internal/Menu";
-import { addMonths, format, getUnixTime, fromUnixTime, lastDayOfMonth, addDays } from "date-fns";
+import { format, getUnixTime, fromUnixTime, parse } from "date-fns";
 import { tooltip, ValidationContainer, ValidationWrapperV1 } from "@skbkontur/react-ui-validations";
-import { ValidationInfo } from "@skbkontur/react-ui-validations/src/ValidationWrapper";
-import { Nullable } from "@skbkontur/react-ui-validations/typings/Types";
+import { TimeSelector } from "../../TimeSelector/TimeSelector";
+import { DateSelector } from "../../DateSelector/DateSelector";
+import { formatDateToCalendarDate, timeList } from "../../../helpers/DateUtil";
+import { validateForm, validateMaintenanceDate } from "../../../helpers/validations";
 import classNames from "classnames/bind";
 
 import styles from "./CustomMaintenanceMenu.less";
 
 const cn = classNames.bind(styles);
 
-function splitDate(date: Date): [string, CalendarDateShape, string] {
-    return [
-        format(date, "HH:mm"),
-        {
-            year: date.getFullYear(),
-            month: date.getMonth(),
-            date: date.getDate(),
-        },
-        format(date, "OOOO"),
-    ];
-}
-function toDate(date: CalendarDateShape): Date {
-    return new Date(date.year, date.month, date.date);
-}
-
-function toStringDate(calendarDate: CalendarDateShape): string {
-    return format(toDate(calendarDate), "dd/MM/yyyy");
-}
-
-function toCalendarDate(date: string): CalendarDateShape {
-    // DateInput's onValueChange return value with "." separator regardless of locale
-    const [day, month, year] = date.split(".").map(Number);
-    return {
-        year,
-        month: month - 1,
-        date: day,
-    };
-}
-
-export function getLastDayOfNextMonth(currentTime: Date): CalendarDateShape {
-    const date = lastDayOfMonth(addMonths(currentTime, 1));
-
-    return {
-        year: date.getFullYear(),
-        month: date.getMonth(),
-        date: date.getDate(),
-    };
-}
-
-const PreparedTimes = Array(24)
-    .fill(undefined)
-    .map((_, index) => `${index}:00`.padStart(5, "0"));
-
-type CustomMaintenanceMenuProps = {
-    currentTime?: Date;
+interface ICustomMaintenanceMenuProps {
     maintenance?: number;
+    minDate?: Date;
+    maxDate?: Date;
+    currentDate?: Date;
     setMaintenance: (maintenance: number) => void;
-};
+}
 
 export default function CustomMaintenanceMenu({
     maintenance,
+    minDate,
+    maxDate,
+    currentDate = new Date(),
     setMaintenance,
-    currentTime = new Date(),
-}: CustomMaintenanceMenuProps): React.ReactElement {
-    const [maintenanceTime, maintenanceDate] = maintenance
-        ? splitDate(fromUnixTime(maintenance))
-        : [];
-    const [todayTime, todayDate, timeZone] = splitDate(currentTime);
-    const maxDate = getLastDayOfNextMonth(currentTime);
-
-    const [calendarDate, setCalendarDate] = useState(maintenanceDate || todayDate);
-    const [stringDate, setStringDate] = useState(
-        toStringDate(
-            maintenanceDate && maintenance && fromUnixTime(maintenance) > currentTime
-                ? maintenanceDate
-                : todayDate
-        )
-    );
-    const [time, setTime] = useState(
-        maintenanceTime && maintenance && fromUnixTime(maintenance) > currentTime
-            ? maintenanceTime
-            : todayTime
-    );
+}: ICustomMaintenanceMenuProps): React.ReactElement {
+    const initialDate = maintenance ? fromUnixTime(maintenance) : currentDate;
+    const [time, setTime] = useState(format(initialDate, "HH:mm"));
+    const timeZone = format(initialDate, "OOOO");
+    const [date, setDate] = useState<Date | undefined>(initialDate);
 
-    const validationContainerEl = useRef<ValidationContainer>(null);
-    const validate = async () => {
-        return validationContainerEl.current?.validate();
-    };
-    const validateDate = (): Nullable<ValidationInfo> => {
-        const date = getUnixTime(toDate(calendarDate));
-        if (getUnixTime(addDays(toDate(maxDate), 1)) <= date) {
-            return {
-                message: `The maximum date is ${toStringDate(maxDate)} now`,
-                type: "submit",
-            };
-        }
-        if (getUnixTime(toDate(todayDate)) > date) {
-            return {
-                message: `Maintenance date must be in the future`,
-                type: "submit",
-            };
-        }
-        return null;
-    };
+    const validationContainerRef = useRef<ValidationContainer>(null);
 
-    const handleDatePick = (dateValue: CalendarDateShape) => {
-        setCalendarDate(dateValue);
-        setStringDate(toStringDate(dateValue));
+    const handleDatePick = (dateValue: Date) => {
+        setDate(dateValue);
     };
 
     const handleInputDateChange = (dateValue: string) => {
-        setCalendarDate(toCalendarDate(dateValue));
-        setStringDate(dateValue);
+        const parsedDate = parse(dateValue, "dd.MM.yyyy", new Date());
+        if (!isNaN(parsedDate.getTime())) {
+            setDate(parsedDate);
+        }
     };
 
     const handleSet = async () => {
-        if (await validate()) {
+        const validationSuccess = (await validateForm(validationContainerRef)) && date;
+
+        if (validationSuccess) {
             const [hours, minutes] = time.split(":").map(Number);
-            const changedMaintenance = new Date(
-                calendarDate.year,
-                calendarDate.month,
-                calendarDate.date,
-                hours,
-                minutes
-            );
-            setMaintenance(getUnixTime(changedMaintenance));
+            const selectedDate = new Date(date);
+            selectedDate.setHours(hours);
+            selectedDate.setMinutes(minutes);
+            setMaintenance(getUnixTime(selectedDate));
         }
     };
 
     return (
         <div className={cn("container")}>
-            <Menu hasShadow={false}>
-                {PreparedTimes.map((preparedTime) => (
-                    <MenuItem
-                        key={preparedTime}
-                        state={preparedTime === time ? "selected" : null}
-                        onClick={() => setTime(preparedTime)}
-                    >
-                        <div className={cn("menu-item")}>{preparedTime}</div>
-                    </MenuItem>
-                ))}
-            </Menu>
-            <Calendar
-                value={toStringDate(calendarDate)}
-                //@ts-ignore number is in Range<1,13>
-                initialMonth={calendarDate.month + 1}
-                initialYear={calendarDate.year}
-                minDate={toStringDate(todayDate)}
-                maxDate={toStringDate(maxDate)}
-                onValueChange={(value) => handleDatePick(toCalendarDate(value))}
+            <TimeSelector setTime={setTime} selectedTime={time} times={timeList} />
+            <DateSelector
+                date={date}
+                maxDate={maxDate}
+                minDate={minDate}
+                setDate={handleDatePick}
             />
             <footer className={cn("footer")}>
                 <Input value={time} onValueChange={setTime} mask="99:99" width="55px" />
-                <ValidationContainer ref={validationContainerEl}>
+                <ValidationContainer ref={validationContainerRef}>
                     <ValidationWrapperV1
                         renderMessage={tooltip("top left")}
-                        validationInfo={validateDate()}
+                        validationInfo={validateMaintenanceDate(maxDate, minDate, date)}
                     >
                         <DateInput
-                            value={stringDate}
-                            maxDate={toStringDate(maxDate)}
-                            minDate={toStringDate(todayDate)}
+                            value={format(date || currentDate, "dd/MM/yyyy")}
+                            maxDate={maxDate && formatDateToCalendarDate(maxDate)}
+                            minDate={minDate && formatDateToCalendarDate(minDate)}
                             onValueChange={handleInputDateChange}
                             width="95px"
                         />
diff --git a/src/Components/MaintenanceSelect/MaintenanceSelect.tsx b/src/Components/MaintenanceSelect/MaintenanceSelect.tsx
index eb5debb9d..d4985042b 100644
--- a/src/Components/MaintenanceSelect/MaintenanceSelect.tsx
+++ b/src/Components/MaintenanceSelect/MaintenanceSelect.tsx
@@ -11,6 +11,7 @@ import {
     MaintenanceList,
 } from "../../Domain/Maintenance";
 import CustomMaintenanceMenu from "./CustomMaintenanceMenu/CustomMaintenanceMenu";
+import { addMonths, lastDayOfMonth } from "date-fns";
 import classNames from "classnames/bind";
 
 import styles from "./MaintenanceSelect.less";
@@ -47,6 +48,8 @@ export default function MaintenanceSelect(props: MaintenanceSelectProps): React.
                     <DropdownContainer getParent={() => containerEl.current} align="right">
                         {customMenuShow ? (
                             <CustomMaintenanceMenu
+                                maxDate={lastDayOfMonth(addMonths(new Date(), 1))}
+                                minDate={new Date()}
                                 maintenance={maintenance}
                                 setMaintenance={handleSetMaintenance}
                             />
diff --git a/src/Components/Mobile/MobileSettingsPage/MobileSettingsPage.tsx b/src/Components/Mobile/MobileSettingsPage/MobileSettingsPage.tsx
index faa4db5f6..d8145ef66 100644
--- a/src/Components/Mobile/MobileSettingsPage/MobileSettingsPage.tsx
+++ b/src/Components/Mobile/MobileSettingsPage/MobileSettingsPage.tsx
@@ -3,13 +3,7 @@ import MobileHeader from "../MobileHeader/MobileHeader";
 import { Sticky } from "@skbkontur/react-ui/components/Sticky";
 import { getPageLink } from "../../../Domain/Global";
 import ArrowChevronLeftIcon from "@skbkontur/react-icons/ArrowChevronLeft";
-import SettingsContainer from "../../../Containers/SettingsContainer";
-import MoiraApi from "../../../Api/MoiraApi";
-import { RouteComponentProps } from "react-router";
-
-interface ISettingsContainerProps extends RouteComponentProps<{ teamId?: string }> {
-    moiraApi: MoiraApi;
-}
+import SettingsContainer, { ISettingsContainerProps } from "../../../Containers/SettingsContainer";
 
 export const MobileSettingsPage: FC<ISettingsContainerProps> = (props) => {
     return (
diff --git a/src/Components/Tag/Tag.tsx b/src/Components/Tag/Tag.tsx
index 707c0a860..d7cdbd8c6 100644
--- a/src/Components/Tag/Tag.tsx
+++ b/src/Components/Tag/Tag.tsx
@@ -20,7 +20,7 @@ type ColorTheme = {
     color: string;
 };
 
-function getColor(title: string): ColorTheme {
+export function getColor(title: string): ColorTheme {
     const getBgColor = new ColorHash({ lightness: 0.6, saturation: 0.25 });
     const getTextColor = new ColorHash({ lightness: 0.98, saturation: 0 });
     return {
diff --git a/src/Components/TagDropdownSelect/TagDropdownSelect.less b/src/Components/TagDropdownSelect/TagDropdownSelect.less
index 470cafc38..c76a6ff39 100644
--- a/src/Components/TagDropdownSelect/TagDropdownSelect.less
+++ b/src/Components/TagDropdownSelect/TagDropdownSelect.less
@@ -96,4 +96,4 @@
         margin-top: 4px;
         margin-left: 5px;
     }
-}
+}
\ No newline at end of file
diff --git a/src/Components/TagList/TagList.less b/src/Components/TagList/TagList.less
index 2f5076274..c21d1ca1b 100644
--- a/src/Components/TagList/TagList.less
+++ b/src/Components/TagList/TagList.less
@@ -78,4 +78,4 @@
 
 .contact-filter {
     width: 100%;
-}
+}
\ No newline at end of file
diff --git a/src/Components/TimeSelector/TimeSelector.less b/src/Components/TimeSelector/TimeSelector.less
new file mode 100644
index 000000000..f4829b384
--- /dev/null
+++ b/src/Components/TimeSelector/TimeSelector.less
@@ -0,0 +1,6 @@
+@import "~styles/variables.less";
+@import "~styles/mixins.less";
+
+.menu-item {
+    margin-left: 19px;
+}
diff --git a/src/Components/TimeSelector/TimeSelector.tsx b/src/Components/TimeSelector/TimeSelector.tsx
new file mode 100644
index 000000000..34cd79660
--- /dev/null
+++ b/src/Components/TimeSelector/TimeSelector.tsx
@@ -0,0 +1,36 @@
+import React, { FC } from "react";
+import { MenuItem } from "@skbkontur/react-ui/components/MenuItem";
+import { Menu } from "@skbkontur/react-ui/internal/Menu";
+import { CalendarDateShape } from "@skbkontur/react-ui/components/Calendar";
+import classNames from "classnames/bind";
+
+import styles from "./TimeSelector.less";
+
+const cn = classNames.bind(styles);
+
+interface ITimeSelectorProps {
+    selectedTime: string;
+    times: string[];
+    setTime: (time: string) => void;
+    isTimeDisabled?: (time: string, date?: CalendarDateShape) => boolean;
+}
+
+export const TimeSelector: FC<ITimeSelectorProps> = ({
+    selectedTime,
+    times,
+    setTime,
+    isTimeDisabled,
+}) => (
+    <Menu hasShadow={false}>
+        {times.map((time) => (
+            <MenuItem
+                key={time}
+                state={time === selectedTime ? "selected" : null}
+                onClick={() => setTime(time)}
+                disabled={isTimeDisabled && isTimeDisabled(time)}
+            >
+                <div className={cn("menu-item")}>{time}</div>
+            </MenuItem>
+        ))}
+    </Menu>
+);
diff --git a/src/Domain/Contact.ts b/src/Domain/Contact.ts
index 132960087..ccf445021 100644
--- a/src/Domain/Contact.ts
+++ b/src/Domain/Contact.ts
@@ -1,3 +1,5 @@
+import { format, fromUnixTime, startOfDay, startOfHour, startOfMinute } from "date-fns";
+import { Status } from "./Status";
 import { Subscription } from "./Subscription";
 
 export enum ContactTypes {
@@ -28,6 +30,24 @@ export interface TeamContactCreateInfo {
     teamId: string;
 }
 
+export interface IContactEvent {
+    timestamp: number;
+    metric: string;
+    state: Status;
+    old_state: Status;
+    trigger_id: string;
+}
+
+export enum EContactEventsInterval {
+    minute = "minute",
+    hour = "hour",
+    day = "day",
+}
+
+export interface IContactEventsList {
+    list: Array<IContactEvent>;
+}
+
 export interface ContactList {
     list: Array<Contact>;
 }
@@ -36,3 +56,35 @@ export const filterSubscriptionContacts = (contacts: Contact[], subscription: Su
     contacts.filter((contact) =>
         subscription.contacts.some((subscriptionContactId) => contact.id === subscriptionContactId)
     );
+
+type Formatter = (timestamp: number) => string;
+
+const formatString = "yyyy-MM-dd HH:mm";
+
+const intervalToStartOfMapping: Record<EContactEventsInterval, Formatter> = {
+    [EContactEventsInterval.day]: (timestamp) =>
+        format(startOfDay(fromUnixTime(timestamp)), formatString),
+    [EContactEventsInterval.minute]: (timestamp) =>
+        format(startOfMinute(fromUnixTime(timestamp)), formatString),
+    [EContactEventsInterval.hour]: (timestamp) =>
+        format(startOfHour(fromUnixTime(timestamp)), formatString),
+};
+
+export const groupEventsByInterval = (events: IContactEvent[], interval: EContactEventsInterval) =>
+    events
+        .map(({ timestamp, old_state, state }) => [
+            intervalToStartOfMapping[interval](timestamp),
+            `${old_state} to ${state}`,
+        ])
+        .reduce((acc, [formattedDate, transition]) => {
+            if (!acc[formattedDate]) {
+                acc[formattedDate] = { [transition]: 1 };
+            } else {
+                if (!acc[formattedDate][transition]) {
+                    acc[formattedDate][transition] = 0;
+                }
+                acc[formattedDate][transition] += 1;
+            }
+
+            return acc;
+        }, {} as Record<string, Record<string, number>>);
diff --git a/src/Stories/MaintenanceSelect.stories.tsx b/src/Stories/MaintenanceSelect.stories.tsx
index e409bb03e..ad126484c 100644
--- a/src/Stories/MaintenanceSelect.stories.tsx
+++ b/src/Stories/MaintenanceSelect.stories.tsx
@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 import { action } from "@storybook/addon-actions";
 import { LangCodes } from "@skbkontur/react-ui/lib/locale";
 import { LocaleContext } from "@skbkontur/react-ui/lib/locale/LocaleContext";
-import { getUnixTime } from "date-fns";
+import { addMonths, getUnixTime, lastDayOfMonth } from "date-fns";
 import CustomMaintenanceMenu from "../Components/MaintenanceSelect/CustomMaintenanceMenu/CustomMaintenanceMenu";
 
 function Wrapper({ children }: { children: ReactNode }) {
@@ -16,21 +16,26 @@ function Wrapper({ children }: { children: ReactNode }) {
 export default {
     title: "MaintenanceSelect",
 };
-
-export const _CustomMaintenanceMenu = () => (
-    <Wrapper>
-        <CustomMaintenanceMenu
-            currentTime={new Date(2020, 5, 10, 6)}
-            setMaintenance={action("setMaintenance")}
-        />
-    </Wrapper>
-);
+const date = new Date(2020, 5, 10, 6);
+export const _CustomMaintenanceMenu = () => {
+    return (
+        <Wrapper>
+            <CustomMaintenanceMenu
+                minDate={date}
+                maxDate={lastDayOfMonth(addMonths(date, 1))}
+                currentDate={date}
+                setMaintenance={action("setMaintenance")}
+            />
+        </Wrapper>
+    );
+};
 
 export const CustomMaintenanceMenuWithInitialMaintenance = {
     render: () => (
         <Wrapper>
             <CustomMaintenanceMenu
-                currentTime={new Date(2020, 5, 9, 6)}
+                minDate={date}
+                maxDate={lastDayOfMonth(addMonths(date, 1))}
                 maintenance={getUnixTime(new Date(2020, 6, 3, 2))}
                 setMaintenance={action("setMaintenance")}
             />
diff --git a/src/helpers/DateUtil.ts b/src/helpers/DateUtil.ts
index c13d18ddb..ca8fade8f 100644
--- a/src/helpers/DateUtil.ts
+++ b/src/helpers/DateUtil.ts
@@ -1,4 +1,5 @@
 import { formatDistance } from "date-fns";
+import { format, parse } from "date-fns";
 
 function getUTCDate(): Date {
     const date = new Date();
@@ -19,3 +20,13 @@ function humanizeDuration(unixTimestamp: number): string {
 }
 
 export { humanizeDuration, getUTCDate };
+
+export const dateStringToUnixTimestamp = (dateString: string): Date => {
+    return parse(dateString, "dd.MM.yyyy", new Date());
+};
+
+export const timeList = Array(24)
+    .fill(undefined)
+    .map((_, index) => `${index}:00`.padStart(5, "0"));
+
+export const formatDateToCalendarDate = (date: Date | number): string => format(date, "dd.MM.yyyy");
diff --git a/src/helpers/getChartOptions.ts b/src/helpers/getChartOptions.ts
new file mode 100644
index 000000000..f49e2d8e7
--- /dev/null
+++ b/src/helpers/getChartOptions.ts
@@ -0,0 +1,81 @@
+import { EContactEventsInterval } from "../Domain/Contact";
+
+export const getContactEventsChartOptions = (interval: EContactEventsInterval) => ({
+    animation: false,
+    maxBarThickness: 20,
+    plugins: {
+        legend: { display: false },
+        htmlLegend: {
+            containerID: "contact-events-legend-container",
+        },
+        zoom: {
+            pan: {
+                enabled: true,
+                modifierKey: "ctrl",
+            },
+            zoom: {
+                drag: { enabled: true },
+                wheel: { enabled: true },
+                mode: "xy",
+            },
+        },
+    },
+
+    scales: {
+        x: {
+            type: "timeseries",
+            time: {
+                tooltipFormat:
+                    interval === EContactEventsInterval.day ? "dd MMM yyyy" : "dd MMM yyyy HH:mm",
+                displayFormats: {
+                    hour: "HH:mm",
+                    day: "dd MMM",
+                    minute: "HH:mm",
+                },
+                unit: interval,
+                minUnit: "minute",
+            },
+
+            ticks: {
+                autoSkip: true,
+                maxRotation: 0,
+            },
+        },
+        y: {
+            min: 0,
+            ticks: {
+                beginAtZero: true,
+            },
+            title: {
+                display: true,
+                text: "Number of Transitions",
+            },
+        },
+    },
+});
+
+export const triggerEventsChartOptions = {
+    animation: false,
+    maxBarThickness: 20,
+    plugins: {
+        legend: { display: false },
+        htmlLegend: {
+            containerID: "trigger-events-legend-container",
+        },
+    },
+    indexAxis: "y",
+    scales: {
+        x: {
+            title: {
+                display: true,
+                text: "Number of Events",
+            },
+        },
+        y: {
+            title: {
+                display: true,
+                text: "Triggers",
+            },
+        },
+    },
+};
diff --git a/src/helpers/validations.ts b/src/helpers/validations.ts
index 6251b74ba..d7f6fdc81 100644
--- a/src/helpers/validations.ts
+++ b/src/helpers/validations.ts
@@ -1,4 +1,6 @@
 import { ValidationContainer, ValidationInfo } from "@skbkontur/react-ui-validations";
+import { Nullable } from "@skbkontur/react-ui-validations/typings/Types";
+import { format, isAfter, isBefore, startOfDay, startOfMinute } from "date-fns";
 
 export const validateContactValueWithConfigRegExp = (
     value?: string,
@@ -33,3 +35,82 @@ export const validateForm = async (
     }
     return validationContainer.current.validate();
 };
+
+const validateDateAndTimeString = (date: string): boolean => {
+    const datePattern = /^\d{4}\/\d{2}\/\d{2} \d{2}:\d{2}:\d{2}$/;
+    return datePattern.test(date);
+};
+
+export const validateDateAndTime = (
+    date: Date,
+    inputValue: string,
+    maxDate: Date,
+    minDate: Date,
+    fromTime: Date,
+    untillTime: Date
+): Nullable<ValidationInfo> => {
+    const dateMinute = startOfMinute(date);
+    const minMinute = startOfMinute(minDate);
+    const maxMinute = startOfMinute(maxDate);
+    const fromMinute = startOfMinute(fromTime);
+    const untillMinute = startOfMinute(untillTime);
+
+    if (isBefore(untillMinute, fromMinute)) {
+        return {
+            message: "From date should be before untill date",
+            type: "immediate",
+        };
+    }
+
+    if (isBefore(dateMinute, minMinute)) {
+        return {
+            message: `Date should not be before ${format(minMinute, "yyyy/MM/dd HH:mm")}`,
+            type: "immediate",
+        };
+    }
+
+    if (isAfter(dateMinute, maxMinute)) {
+        return {
+            message: `Date should not be after ${format(maxMinute, "yyyy/MM/dd HH:mm")}`,
+            type: "immediate",
+        };
+    }
+
+    if (!validateDateAndTimeString(inputValue)) {
+        return {
+            message: "Please enter a date",
+            type: "submit",
+        };
+    }
+
+    return null;
+};
+
+export const validateMaintenanceDate = (
+    maxDate?: Date,
+    minDate?: Date,
+    date?: Date
+): Nullable<ValidationInfo> => {
+    const selectedDate = date && startOfDay(date);
+    const min = minDate && startOfDay(minDate);
+    const max = maxDate && startOfDay(maxDate);
+    if (!selectedDate) {
+        return {
+            message: "Please enter a date",
+            type: "immediate",
+        };
+    }
+    if (max && isAfter(selectedDate, max)) {
+        return {
+            message: `The maximum date is ${format(maxDate, "yyyy/MM/dd HH:mm")} now`,
+            type: "immediate",
+        };
+    }
+    if (min && isBefore(selectedDate, min)) {
+        return {
+            message: `Maintenance date must be in the future`,
+            type: "immediate",
+        };
+    }
+    return null;
+};
diff --git a/src/hooks/useTeamSettingsAvailable.tsx b/src/hooks/useTeamSettingsAvailable.tsx
index 03e8c0428..bbd36a8ea 100644
--- a/src/hooks/useTeamSettingsAvailable.tsx
+++ b/src/hooks/useTeamSettingsAvailable.tsx
@@ -4,7 +4,7 @@ import { useIsTeamMember } from "./useIsTeamMember";
 export const useTeamSettingsAvailable = (teamId: string) => {
     const { isTeamMember, isAuthorizing, user } = useIsTeamMember(teamId);
 
-    const isTeamAvailable = user?.role === EUserRoles.Admin || isTeamMember;
+    const isTeamAvailable = (user?.auth_enabled && user?.role === EUserRoles.Admin) || isTeamMember;
 
     return { isTeamMember, isAuthorizing, isTeamAvailable };
 };
diff --git a/src/mobile.bundle.tsx b/src/mobile.bundle.tsx
index c620653bf..84eb6407e 100644
--- a/src/mobile.bundle.tsx
+++ b/src/mobile.bundle.tsx
@@ -10,6 +10,7 @@ import TriggerListMobile, {
 import Trigger, { TriggerProps } from "./pages/trigger/trigger";
 import TriggerMobile, { TriggerMobileProps } from "./pages/trigger/trigger.mobile";
 import { MobileSettingsPage } from "./Components/Mobile/MobileSettingsPage/MobileSettingsPage";
+import { TeamSettingsPrivateRoute } from "./PrivateRoutes/TeamSettingsPrivateRoute";
 
 type ResponsiveRouteProps = {
     exact?: boolean;
@@ -41,6 +42,11 @@ function Mobile() {
                 view={TriggerMobile}
             />
             <Route exact path={getPagePath("settings")} component={MobileSettingsPage} />
+            <TeamSettingsPrivateRoute
+                exact
+                path={getPagePath("teamSettings")}
+                component={MobileSettingsPage}
+            />
             <Route component={MobileErrorContainer} />
         </Switch>
     );
diff --git a/src/services/ContactApi.ts b/src/services/ContactApi.ts
index eb6d2edfe..d766d16f6 100644
--- a/src/services/ContactApi.ts
+++ b/src/services/ContactApi.ts
@@ -1,4 +1,4 @@
-import { Contact, ContactList } from "../Domain/Contact";
+import { Contact, ContactList, IContactEvent, IContactEventsList } from "../Domain/Contact";
 import { BaseApi } from "./BaseApi";
 import type { CustomBaseQueryArgs } from "./BaseApi";
 
@@ -40,7 +40,7 @@ export const ContactApi = BaseApi.injectEndpoints({
         }),
         testContact: builder.mutation<void, CustomBaseQueryArgs<{ id: string }>>({
             query: ({ id }) => ({
-                url: `contact/${id}/test`,
+                url: `contact/${encodeURIComponent(id)}/test`,
                 credentials: "same-origin",
                 method: "POST",
             }),
@@ -69,6 +69,21 @@ export const ContactApi = BaseApi.injectEndpoints({
                 body: JSON.stringify(contact),
             }),
         }),
+        getContactEvents: builder.query<
+            Array<IContactEvent>,
+            CustomBaseQueryArgs<{
+                contactId: string;
+                from: number | string;
+                to: number | string;
+            }>
+        >({
+            query: ({ contactId, from, to }) => ({
+                url: `contact/${encodeURIComponent(contactId)}/events?from=${from}&to=${to}`,
+                method: "GET",
+                credentials: "same-origin",
+            }),
+            transformResponse: (response: IContactEventsList) => response.list,
+        }),
     }),
 });
 
@@ -78,4 +93,5 @@ export const {
     useTestContactMutation,
     useDeleteContactMutation,
     useCreateUserContactMutation,
+    useLazyGetContactEventsQuery,
 } = ContactApi;
diff --git a/src/types/htmlLegendPlugin.d.ts b/src/types/htmlLegendPlugin.d.ts
new file mode 100644
index 000000000..b84f6d312
--- /dev/null
+++ b/src/types/htmlLegendPlugin.d.ts
@@ -0,0 +1,8 @@
+import type { ChartType, Plugin } from "chart.js";
+declare module "chart.js" {
+    interface PluginOptionsByType<TType extends ChartType = ChartType> {
+        htmlLegend: {
+            containerID: string;
+        };
+    }
+}
diff --git a/yarn.lock b/yarn.lock
index a194adaba..e57f5c2c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5097,6 +5097,18 @@ chart.js@4.4.1:
   dependencies:
     "@kurkle/color" "^0.3.0"
 
+chartjs-adapter-date-fns@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chartjs-adapter-date-fns/-/chartjs-adapter-date-fns-3.0.0.tgz#c25f63c7f317c1f96f9a7c44bd45eeedb8a478e5"
+  integrity sha512-Rs3iEB3Q5pJ973J93OBTpnP7qoGwvq3nUnoMdtxO+9aoJof7UFcRbWcIDteXuYd1fgAvct/32T9qaLyLuZVwCg==
+
+chartjs-plugin-zoom@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/chartjs-plugin-zoom/-/chartjs-plugin-zoom-2.0.1.tgz#3db76f92a4741e46cb148cb966181c1b1a974abc"
+  integrity sha512-ogOmLu6e+Q7E1XWOCOz9YwybMslz9qNfGV2a+qjfmqJYpsw5ZMoRHZBUyW+NGhkpQ5PwwPA/+rikHpBZb7PZuA==
+  dependencies:
+    hammerjs "^2.0.8"
+
 check-more-types@2.24.0:
   version "2.24.0"
   resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz"
@@ -7377,6 +7389,11 @@ gzip-size@^6.0.0:
   dependencies:
     duplexer "^0.1.2"
 
+hammerjs@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1"
+  integrity sha512-tSQXBXS/MWQOn/RKckawJ61vvsDpCom87JgxiYdGwHdOa0ht0vzUWDlfioofFCRU0L+6NGDt6XzbgoJvZkMeRQ==
+
 handle-thing@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz"
@@ -10712,7 +10729,7 @@ queue-microtask@^1.2.2:
 
 raf@^3.4.1:
   version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
   integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
   dependencies:
     performance-now "^2.1.0"
@@ -12131,7 +12148,7 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==