diff --git a/sdkjs-plugins/content/datepicker/CHANGELOG.md b/sdkjs-plugins/content/datepicker/CHANGELOG.md
new file mode 100644
index 00000000..2c9a2d06
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Change Log
+
+## 1.0.0
+
+- Initial release.
diff --git a/sdkjs-plugins/content/datepicker/README.md b/sdkjs-plugins/content/datepicker/README.md
new file mode 100644
index 00000000..b2d6c8b1
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/README.md
@@ -0,0 +1,22 @@
+Overview
+Inserting formatted dates into spreadsheet cells with a calendar interface.
+
+Installation
+Install the Insert QR Plugin from the plugin marketplace.
+Usage
+Activate the DatePicker:
+
+Go to the plugin tab.
+Activate the DatePicker plugin in the "Plugins" section
+Select Cells:
+
+Select the cells area where you would like to print the formatted date.
+Select the date:
+
+Click the "Select the date" option to select desired date from the calendar.
+Select the format:
+
+Click the "Select format" option to format the previously selected date.
+Print the date:
+
+Print the formatted date across the selected cell area.
\ No newline at end of file
diff --git a/sdkjs-plugins/content/datepicker/config.json b/sdkjs-plugins/content/datepicker/config.json
new file mode 100644
index 00000000..e10a2ebd
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/config.json
@@ -0,0 +1,112 @@
+{
+  "name": "Date picker",
+  "nameLocale": {
+    "cs": "Výběr data",
+    "de": "Datumsauswahl",
+    "es": "Selector de fecha",
+    "fr": "Sélecteur de date",
+    "it": "Selettore data",
+    "ja": "日付ピッカー",
+    "pt": "Seletor de data",
+    "ru": "Выбор даты",
+    "sq": "Zgjedhësi i datës",
+    "sr": "Избор датума",
+    "sp": "Izbor datuma",
+    "zh": "日期选择器"
+  },
+  "guid": "asc.{409e5493-56ae-45e1-8423-c73c84a06c50}",
+  "version": "1.0.0",
+  "description": "A plugin to insert formatted dates into cells.",
+  "descriptionLocale": {
+    "cs": "Plugin pro vkládání formátovaných dat do buněk.",
+    "de": "Ein Plugin zum Einfügen formatierter Daten in Zellen.",
+    "es": "Un complemento para insertar fechas formateadas en celdas.",
+    "fr": "Un plugin pour insérer des dates formatées dans les cellules.",
+    "it": "Un plugin per inserire date formattate nelle celle.",
+    "ja": "セルにフォーマットされた日付を挿入するプラグイン。",
+    "pt": "Um plugin para inserir datas formatadas em células.",
+    "ru": "Плагин для вставки отформатированных дат в ячейки.",
+    "sq": "Një shtojcë për të futur data të formatuara në qeliza.",
+    "sr": "Додатак за убацивање форматираних датума у ћелије.",
+    "sp": "Dodatak za ubacivanje formatiranih datuma u ćelije.",
+    "zh": "用于在单元格中插入格式化日期的插件。"
+  },
+  "type": "panel",
+  "icons": ["resources/light/icon.png", "resources/light/icon@2x.png"],
+  "variations": [
+    {
+      "description": "Insert formatted dates into spreadsheet cells with a calendar interface.",
+      "descriptionLocale": {
+        "cs": "Vkládejte formátovaná data do buněk tabulky pomocí kalendářního rozhraní.",
+        "de": "Fügen Sie formatierte Daten mit einer Kalender-Oberfläche in Tabellenzellen ein.",
+        "es": "Inserte fechas formateadas en celdas de hojas de cálculo con una interfaz de calendario.",
+        "fr": "Insérez des dates formatées dans les cellules de feuille de calcul avec une interface de calendrier.",
+        "it": "Inserisci date formattate nelle celle del foglio di calcolo con un'interfaccia calendario.",
+        "ja": "カレンダーインターフェースを使用して、スプレッドシートのセルにフォーマットされた日付を挿入します。",
+        "pt-BR": "Insira datas formatadas em células de planilha com uma interface de calendário.",
+        "ru": "Вставляйте отформатированные даты в ячейки электронной таблицы с помощью календарного интерфейса.",
+        "sq": "Futni data të formatuara në qelizat e fletës së llogaritjes me një ndërfaqe kalendari.",
+        "sr": "Убацујте форматиране датуме у ћелије табеле помоћу календарског интерфејса.",
+        "sp": "Ubacujte formatirane datume u ćelije tabele pomoću kalendarskog interfejsa.",
+        "zh": "使用日历界面将格式化日期插入电子表格单元格。"
+      },
+      "url": "index.html",
+      "icons": ["resources/light/icon.png", "resources/light/icon@2x.png"],
+      "icons2": [
+        {
+          "style": "light",
+          "100%": {
+            "normal": "resources/light/icon.svg"
+          },
+          "125%": {
+            "normal": "resources/light/icon@1.25x.svg"
+          },
+          "150%": {
+            "normal": "resources/light/icon@1.5x.svg"
+          },
+          "175%": {
+            "normal": "resources/light/icon@1.75x.svg"
+          },
+          "200%": {
+            "normal": "resources/light/icon@2x.svg"
+          }
+        },
+        {
+          "style": "dark",
+          "100%": {
+            "normal": "resources/dark/icon-dark.svg"
+          },
+          "125%": {
+            "normal": "resources/dark/icon-dark@1.25x.svg"
+          },
+          "150%": {
+            "normal": "resources/dark/icon-dark@1.5x.svg"
+          },
+          "175%": {
+            "normal": "resources/dark/icon-dark@1.75x.svg"
+          },
+          "200%": {
+            "normal": "resources/dark/icon-dark@2x.svg"
+          }
+        }
+      ],
+      "isViewer": false,
+      "EditorsSupport": ["cell"],
+      "isVisual": true,
+      "isModal": false,
+      "isInsideMode": true,
+      "initDataType": "none",
+      "initData": "",
+      "isUpdateOleOnResize": true,
+      "buttons": [],
+      "store": {
+        "screenshots": [
+          "resources/store/screenshot1.png",
+          "resources/store/screenshot2.png",
+          "resources/store/screenshot3.png",
+          "resources/store/screenshot4.png"
+        ]
+      }
+    }
+  ]
+}
diff --git a/sdkjs-plugins/content/datepicker/deploy/datepicker.plugin b/sdkjs-plugins/content/datepicker/deploy/datepicker.plugin
new file mode 100644
index 00000000..ccc0eb0b
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/deploy/datepicker.plugin differ
diff --git a/sdkjs-plugins/content/datepicker/index.html b/sdkjs-plugins/content/datepicker/index.html
new file mode 100644
index 00000000..dc12774c
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/index.html
@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>OnlyOffice Date Picker</title>
+    <link
+      rel="stylesheet"
+      href="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.css"
+    />
+    <style>
+      .datepicker-wrapper {
+        position: relative;
+      }
+
+      .datepicker-icon {
+        position: absolute;
+        top: 50%;
+        right: 8px;
+        transform: translateY(-50%);
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+        opacity: 0.7;
+        transition: all 0.2s;
+        border-radius: 2px;
+        padding: 2px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .datepicker-icon[style] {
+        background-image: none !important;
+      }
+
+      .datepicker-icon:hover,
+      .datepicker-icon.active {
+        opacity: 1;
+        background-color: rgba(0, 0, 0, 0.05);
+      }
+
+      .datepicker-icon svg {
+        width: 100%;
+        height: 100%;
+        fill: currentColor;
+      }
+
+      .datepicker-icon::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-image: url("./resources/button/calendar.png");
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        opacity: 0;
+        transition: opacity 0.2s;
+      }
+
+      .datepicker-icon.dark-theme::before {
+        filter: brightness(0) invert(1) !important;
+      }
+
+      .datepicker-icon.light-theme::before {
+        filter: none !important;
+      }
+
+      .dark-theme.datepicker-icon::before {
+        filter: brightness(0) invert(1) !important;
+      }
+
+      .light-theme.datepicker-icon::before {
+        filter: none !important;
+      }
+
+      .datepicker-icon.has-bg-image::before {
+        opacity: 1;
+      }
+
+      .datepicker-icon.has-bg-image svg {
+        opacity: 0;
+      }
+
+      .form {
+        padding: 16px;
+      }
+
+      .form-group {
+        margin-bottom: 16px;
+      }
+
+      .form-group label {
+        display: block;
+        margin-bottom: 6px;
+        font-weight: 600;
+        font-size: 12px;
+      }
+
+      .form-control {
+        width: 100%;
+        padding: 4px 12px;
+        font-size: 12px;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+        border-radius: 3px;
+        box-sizing: border-box;
+        padding-right: 36px;
+        transition: border-color 0.2s, box-shadow 0.2s;
+        background: inherit;
+        color: inherit;
+      }
+
+      .form-control-second {
+        padding-left: 9px !important;
+        padding-top: 2px !important;
+      }
+
+      .form-control:focus {
+        outline: none;
+        border-color: #2563eb;
+        box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
+      }
+
+      .button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #374151;
+        border-radius: 3px;
+        padding: 10px 16px;
+        width: 100%;
+        font-weight: 600;
+        font-size: 12px;
+        cursor: pointer;
+        height: 36px;
+        transition: all 0.2s;
+        background: #374151;
+        color: #ffffff;
+      }
+
+      .button:hover {
+        background: #4b5563;
+        border-color: #4b5563;
+      }
+
+      .instruction-text {
+        font-size: 12px;
+        margin-bottom: 20px;
+        text-align: justify;
+        line-height: 1.4;
+      }
+
+      .custom-calendar {
+        position: absolute;
+        top: 100%;
+        left: 0;
+        right: 0;
+        z-index: 1000;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+        border-radius: 4px;
+        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+        margin-top: 2px;
+        display: none;
+        width: 100%;
+        box-sizing: border-box;
+        overflow: hidden;
+      }
+
+      .custom-calendar.show {
+        display: block;
+      }
+
+      .calendar-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 12px 16px;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        height: 45px;
+        box-sizing: border-box;
+        background: rgba(0, 0, 0, 0.02);
+      }
+
+      .calendar-title {
+        font-weight: 600;
+        font-size: 14px;
+        cursor: pointer;
+        padding: 6px 12px;
+        border-radius: 4px;
+        transition: background-color 0.2s;
+      }
+
+      .calendar-title:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+      }
+
+      .calendar-nav-btn {
+        background: none;
+        border: none;
+        cursor: pointer;
+        padding: 6px 10px;
+        border-radius: 3px;
+        font-size: 16px;
+        font-weight: bold;
+        transition: background-color 0.2s;
+        min-width: 32px;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: inherit;
+      }
+
+      .calendar-nav-btn:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+      }
+
+      .calendar-grid {
+        padding: 0 12px 12px 12px;
+        box-sizing: border-box;
+      }
+
+      .calendar-weekdays {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: 4px;
+        margin-bottom: 8px;
+      }
+
+      .calendar-weekday {
+        text-align: center;
+        font-size: 12px;
+        font-weight: 600;
+        padding: 8px 0;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        opacity: 0.7;
+      }
+
+      .calendar-days {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: 4px;
+      }
+
+      .calendar-day {
+        text-align: center;
+        padding: 0;
+        font-size: 13px;
+        cursor: pointer;
+        border-radius: 4px;
+        transition: all 0.2s;
+        border: 1px solid transparent;
+        min-height: 28px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .calendar-day:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+        border-color: rgba(0, 0, 0, 0.1);
+      }
+
+      .calendar-day.other-month {
+        opacity: 0.4;
+      }
+
+      .calendar-day:nth-child(7n + 1),
+      .calendar-day:nth-child(7n) {
+        color: #dc3545 !important;
+      }
+
+      .calendar-day.today {
+        font-weight: bold;
+        border: 2px solid #0d6efd;
+        background-color: rgba(13, 110, 253, 0.1);
+      }
+
+      .calendar-day.selected {
+        background-color: #0d6efd;
+        color: #ffffff;
+        font-weight: 600;
+      }
+
+      .calendar-months,
+      .calendar-years {
+        display: grid;
+        gap: 8px;
+        padding: 12px;
+      }
+
+      .calendar-months {
+        grid-template-columns: repeat(3, 1fr);
+      }
+
+      .calendar-years {
+        grid-template-columns: repeat(3, 1fr);
+      }
+
+      .calendar-month,
+      .calendar-year {
+        padding: 8px 6px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 4px;
+        transition: all 0.2s;
+        font-size: 13px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 32px;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+      }
+
+      .calendar-month:hover,
+      .calendar-year:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+      }
+
+      .calendar-month.active,
+      .calendar-year.active {
+        background-color: #0d6efd;
+        color: #ffffff;
+        font-weight: 600;
+      }
+
+      .loading-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: none;
+        flex-direction: column;
+        z-index: 9999;
+        padding: 16px;
+        justify-content: flex-start;
+        align-items: flex-start;
+      }
+
+      .loading-content {
+        display: flex;
+        flex-direction: row;
+        align-items: start;
+        justify-content: start;
+        margin-top: 24px;
+      }
+
+      .loading-spinner {
+        width: 16px;
+        height: 16px;
+        margin-right: 12px;
+        border: 2px solid rgba(0, 0, 0, 0.1);
+        border-top: 2px solid #2563eb;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+        flex-shrink: 0;
+      }
+
+      @keyframes spin {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+
+      .loading-text {
+        font-size: 12px;
+      }
+
+      .main-content {
+        position: relative;
+        min-height: 320px;
+      }
+
+      .main-content.loading > *:not(.loading-overlay) {
+        display: none !important;
+      }
+
+      .main-content.loading .loading-overlay {
+        display: flex !important;
+      }
+
+      .theme-type-dark .calendar-day.today,
+      .theme-dark .calendar-day.today {
+        border-color: #4d8eff;
+        background-color: rgba(77, 142, 255, 0.15);
+      }
+
+      .theme-type-dark .calendar-day.selected,
+      .theme-dark .calendar-day.selected,
+      .theme-type-dark .calendar-month.active,
+      .theme-dark .calendar-month.active,
+      .theme-type-dark .calendar-year.active,
+      .theme-dark .calendar-year.active {
+        background-color: #9ca3af;
+        color: #ffffff;
+      }
+
+      .theme-type-contrast-dark .calendar-day.today,
+      .theme-contrast-dark .calendar-day.today {
+        border-color: #ffcc00;
+        background-color: rgba(255, 204, 0, 0.15);
+      }
+
+      .theme-type-contrast-dark .calendar-day.selected,
+      .theme-contrast-dark .calendar-day.selected,
+      .theme-type-contrast-dark .calendar-month.active,
+      .theme-contrast-dark .calendar-month.active,
+      .theme-type-contrast-dark .calendar-year.active,
+      .theme-contrast-dark .calendar-year.active {
+        background-color: #9ca3af;
+        color: #ffffff;
+      }
+
+      .theme-type-classic-light .calendar-day.today,
+      .theme-classic-light .calendar-day.today {
+        border-color: #0066cc;
+        background-color: rgba(0, 102, 204, 0.1);
+      }
+
+      .theme-type-classic-light .calendar-day.selected,
+      .theme-classic-light .calendar-day.selected,
+      .theme-type-classic-light .calendar-month.active,
+      .theme-classic-light .calendar-month.active,
+      .theme-type-classic-light .calendar-year.active,
+      .theme-classic-light .calendar-year.active {
+        background-color: #d1d5db;
+        color: #000000;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="main-content" id="mainContent">
+      <div class="loading-overlay" id="loadingOverlay">
+        <div
+          id="pleaseDoNotClose"
+          style="font-size: 12px; font-weight: bold; margin-bottom: 8px"
+        >
+          Please <strong>do not close</strong> the plugin panel.
+        </div>
+        <div class="loading-content">
+          <div class="loading-spinner"></div>
+          <div class="loading-text" id="loadingText">Loading...</div>
+        </div>
+      </div>
+
+      <div class="form" id="mainForm">
+        <div class="instruction-text" id="instructionText">
+          Select the <strong>date and format</strong>, then click the
+          <strong>Insert date</strong> button. The date will be displayed in the
+          selected cell.
+        </div>
+
+        <div class="form-group">
+          <label for="dateInput" id="selectDateLabel">Select date</label>
+          <div class="datepicker-wrapper">
+            <input
+              type="text"
+              id="dateInput"
+              class="form-control"
+              placeholder="Select a date"
+              autocomplete="off"
+              readonly
+            />
+            <span id="calendarIcon" class="datepicker-icon">
+              <svg viewBox="0 0 24 24">
+                <path
+                  d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"
+                />
+              </svg>
+            </span>
+            <div class="custom-calendar" id="customCalendar">
+              <div class="calendar-header">
+                <button class="calendar-nav-btn" id="prevBtn">‹</button>
+                <div class="calendar-title" id="monthYearTitle">June 2025</div>
+                <button class="calendar-nav-btn" id="nextBtn">›</button>
+              </div>
+              <div class="calendar-grid">
+                <div class="calendar-weekdays" id="calendarWeekdays">
+                  <div class="calendar-weekday" data-day="0">Su</div>
+                  <div class="calendar-weekday" data-day="1">Mo</div>
+                  <div class="calendar-weekday" data-day="2">Tu</div>
+                  <div class="calendar-weekday" data-day="3">We</div>
+                  <div class="calendar-weekday" data-day="4">Th</div>
+                  <div class="calendar-weekday" data-day="5">Fr</div>
+                  <div class="calendar-weekday" data-day="6">Sa</div>
+                </div>
+                <div class="calendar-days" id="calendarDays"></div>
+                <div
+                  class="calendar-months"
+                  id="monthView"
+                  style="display: none"
+                >
+                  <div class="calendar-month" data-month="0">Jan</div>
+                  <div class="calendar-month" data-month="1">Feb</div>
+                  <div class="calendar-month" data-month="2">Mar</div>
+                  <div class="calendar-month" data-month="3">Apr</div>
+                  <div class="calendar-month" data-month="4">May</div>
+                  <div class="calendar-month" data-month="5">Jun</div>
+                  <div class="calendar-month" data-month="6">Jul</div>
+                  <div class="calendar-month" data-month="7">Aug</div>
+                  <div class="calendar-month" data-month="8">Sep</div>
+                  <div class="calendar-month" data-month="9">Oct</div>
+                  <div class="calendar-month" data-month="10">Nov</div>
+                  <div class="calendar-month" data-month="11">Dec</div>
+                </div>
+                <div
+                  class="calendar-years"
+                  id="yearView"
+                  style="display: none"
+                ></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="form-group">
+          <label for="dateFormat" id="selectDateFormatLabel"
+            >Select date format</label
+          >
+          <select id="dateFormat" class="form-control form-control-second">
+            <option value="MM/DD/YYYY">05/06/2025</option>
+            <option value="dddd, MMMM D, YYYY">Monday, May 26, 2025</option>
+            <option value="MMMM D, YYYY">May 26, 2025</option>
+            <option value="M/D/YY">5/26/25</option>
+            <option value="YYYY-MM-DD">2025-05-26</option>
+            <option value="D-MMM-YY">26-May-25</option>
+            <option value="M.D.YYYY">5.26.2025</option>
+          </select>
+        </div>
+
+        <button id="insertDate" class="button">Insert date</button>
+      </div>
+    </div>
+
+    <script src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"></script>
+    <script src="scripts/code.js"></script>
+  </body>
+</html>
diff --git a/sdkjs-plugins/content/datepicker/resources/button/calendar.png b/sdkjs-plugins/content/datepicker/resources/button/calendar.png
new file mode 100644
index 00000000..bb41660a
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/button/calendar.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/button/calendar.svg b/sdkjs-plugins/content/datepicker/resources/button/calendar.svg
new file mode 100644
index 00000000..2eb39c53
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/button/calendar.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+  <line x1="16" y1="2" x2="16" y2="6"/>
+  <line x1="8" y1="2" x2="8" y2="6"/>
+  <line x1="3" y1="10" x2="21" y2="10"/>
+  <rect x="7" y="14" width="2" height="2"/>
+  <rect x="11" y="14" width="2" height="2"/>
+  <rect x="15" y="14" width="2" height="2"/>
+</svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.png b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.png
new file mode 100644
index 00000000..4dea0e03
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.svg b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.svg
new file mode 100644
index 00000000..c72d9be8
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" version="1.1"><path d="M 13.304 4.946 C 12.939 6.343, 11.767 6.977, 9.148 7.196 L 5.500 7.500 5.500 32 L 5.500 56.500 30 56.500 L 54.500 56.500 54.790 48.250 C 54.975 43.017, 54.700 40, 54.040 40 C 53.468 40, 52.663 39.992, 52.250 39.983 C 51.837 39.974, 51.275 42.786, 51 46.233 L 50.500 52.500 30 52.500 L 9.500 52.500 9.226 35.750 L 8.952 19 29.976 19 L 51 19 51 22.573 C 51 25.438, 51.347 26.080, 52.750 25.810 C 54.262 25.518, 54.500 24.250, 54.500 16.486 L 54.500 7.500 50.852 7.196 C 48.233 6.977, 47.061 6.343, 46.696 4.946 C 46.033 2.411, 43.958 2.444, 43.290 5 C 42.801 6.868, 41.926 7, 30 7 C 18.074 7, 17.199 6.868, 16.710 5 C 16.042 2.444, 13.967 2.411, 13.304 4.946 M 11 13 C 11 13.550, 11.702 14, 12.559 14 C 13.416 14, 13.840 13.550, 13.500 13 C 13.160 12.450, 12.459 12, 11.941 12 C 11.423 12, 11 12.450, 11 13 M 16.500 13 C 16.099 13.649, 20.843 14, 30 14 C 39.157 14, 43.901 13.649, 43.500 13 C 42.679 11.671, 17.321 11.671, 16.500 13 M 46.500 13 C 46.160 13.550, 46.809 14, 47.941 14 C 49.073 14, 50 13.550, 50 13 C 50 12.450, 49.352 12, 48.559 12 C 47.766 12, 46.840 12.450, 46.500 13 M 13.250 24.250 C 13.479 24.938, 14.267 25.500, 15 25.500 C 15.733 25.500, 16.521 24.938, 16.750 24.250 C 16.998 23.506, 16.289 23, 15 23 C 13.711 23, 13.002 23.506, 13.250 24.250 M 21 24.500 C 21 25.325, 21.675 26, 22.500 26 C 23.325 26, 24 25.325, 24 24.500 C 24 23.675, 23.325 23, 22.500 23 C 21.675 23, 21 23.675, 21 24.500 M 28.250 24.250 C 28.479 24.938, 29.267 25.500, 30 25.500 C 30.733 25.500, 31.521 24.938, 31.750 24.250 C 31.998 23.506, 31.289 23, 30 23 C 28.711 23, 28.002 23.506, 28.250 24.250 M 36 24.500 C 36 25.325, 36.675 26, 37.500 26 C 38.325 26, 39 25.325, 39 24.500 C 39 23.675, 38.325 23, 37.500 23 C 36.675 23, 36 23.675, 36 24.500 M 43.250 24.250 C 43.479 24.938, 44.267 25.500, 45 25.500 C 45.733 25.500, 46.521 24.938, 46.750 24.250 C 46.998 23.506, 46.289 23, 45 23 C 43.711 23, 43.002 23.506, 43.250 24.250 M 51.473 29.044 C 50.568 30.508, 51.884 31.982, 53.532 31.349 C 54.339 31.040, 55 30.432, 55 30 C 55 28.761, 52.129 27.982, 51.473 29.044 M 13.446 31.087 C 12.416 32.755, 14.733 34.667, 16.113 33.287 C 17.267 32.133, 16.545 30, 15 30 C 14.515 30, 13.816 30.489, 13.446 31.087 M 21.177 31.553 C 21.629 33.725, 23.404 33.858, 23.810 31.750 C 24.020 30.655, 23.530 30, 22.500 30 C 21.539 30, 20.988 30.647, 21.177 31.553 M 28.446 31.087 C 27.416 32.755, 29.733 34.667, 31.113 33.287 C 32.267 32.133, 31.545 30, 30 30 C 29.515 30, 28.816 30.489, 28.446 31.087 M 36.177 31.553 C 36.629 33.725, 38.404 33.858, 38.810 31.750 C 39.020 30.655, 38.530 30, 37.500 30 C 36.539 30, 35.988 30.647, 36.177 31.553 M 43.446 31.087 C 42.416 32.755, 44.733 34.667, 46.113 33.287 C 47.267 32.133, 46.545 30, 45 30 C 44.515 30, 43.816 30.489, 43.446 31.087 M 51 35.427 C 51 36.354, 51.855 37, 53.083 37 C 55.520 37, 55.176 34.663, 52.667 34.177 C 51.680 33.985, 51 34.495, 51 35.427 M 13.250 39.250 C 13.479 39.938, 14.267 40.500, 15 40.500 C 15.733 40.500, 16.521 39.938, 16.750 39.250 C 16.998 38.506, 16.289 38, 15 38 C 13.711 38, 13.002 38.506, 13.250 39.250 M 21.198 43.250 L 21.500 48.500 26.500 48.500 L 31.500 48.500 31.802 43.250 L 32.105 38 26.500 38 L 20.895 38 21.198 43.250 M 36.198 43.250 L 36.500 48.500 41.500 48.500 L 46.500 48.500 46.802 43.250 L 47.105 38 41.500 38 L 35.895 38 36.198 43.250 M 24 43 C 24 44.333, 24.667 45, 26 45 C 27.333 45, 28 44.333, 28 43 C 28 41.667, 27.333 41, 26 41 C 24.667 41, 24 41.667, 24 43 M 39 43 C 39 44.333, 39.667 45, 41 45 C 42.333 45, 43 44.333, 43 43 C 43 41.667, 42.333 41, 41 41 C 39.667 41, 39 41.667, 39 43 M 13.446 46.087 C 12.416 47.755, 14.733 49.667, 16.113 48.287 C 17.267 47.133, 16.545 45, 15 45 C 14.515 45, 13.816 45.489, 13.446 46.087" stroke="none" fill="#090c0b" fill-rule="evenodd"/><path d="M 11 13 C 11 13.550, 11.702 14, 12.559 14 C 13.416 14, 13.840 13.550, 13.500 13 C 13.160 12.450, 12.459 12, 11.941 12 C 11.423 12, 11 12.450, 11 13 M 16.500 13 C 16.099 13.649, 20.843 14, 30 14 C 39.157 14, 43.901 13.649, 43.500 13 C 42.679 11.671, 17.321 11.671, 16.500 13 M 46.500 13 C 46.160 13.550, 46.809 14, 47.941 14 C 49.073 14, 50 13.550, 50 13 C 50 12.450, 49.352 12, 48.559 12 C 47.766 12, 46.840 12.450, 46.500 13 M 9.226 35.750 L 9.500 52.500 30 52.500 L 50.500 52.500 51 46 C 51.422 40.514, 51.773 39.546, 53.250 39.794 C 54.288 39.968, 55 39.459, 55 38.544 C 55 37.667, 54.136 37, 53 37 C 51.825 37, 51 36.333, 51 35.383 C 51 34.259, 51.609 33.926, 53 34.290 C 54.495 34.681, 55 34.320, 55 32.863 C 55 31.560, 54.419 31.010, 53.250 31.206 C 52.231 31.377, 51.500 30.874, 51.500 30 C 51.500 29.126, 52.231 28.623, 53.250 28.794 C 54.419 28.990, 55 28.440, 55 27.137 C 55 25.680, 54.495 25.319, 53 25.710 C 51.272 26.162, 51 25.741, 51 22.617 L 51 19 29.976 19 L 8.952 19 9.226 35.750 M 13.250 24.250 C 13.479 24.938, 14.267 25.500, 15 25.500 C 15.733 25.500, 16.521 24.938, 16.750 24.250 C 16.998 23.506, 16.289 23, 15 23 C 13.711 23, 13.002 23.506, 13.250 24.250 M 21 24.500 C 21 25.325, 21.675 26, 22.500 26 C 23.325 26, 24 25.325, 24 24.500 C 24 23.675, 23.325 23, 22.500 23 C 21.675 23, 21 23.675, 21 24.500 M 28.250 24.250 C 28.479 24.938, 29.267 25.500, 30 25.500 C 30.733 25.500, 31.521 24.938, 31.750 24.250 C 31.998 23.506, 31.289 23, 30 23 C 28.711 23, 28.002 23.506, 28.250 24.250 M 36 24.500 C 36 25.325, 36.675 26, 37.500 26 C 38.325 26, 39 25.325, 39 24.500 C 39 23.675, 38.325 23, 37.500 23 C 36.675 23, 36 23.675, 36 24.500 M 43.250 24.250 C 43.479 24.938, 44.267 25.500, 45 25.500 C 45.733 25.500, 46.521 24.938, 46.750 24.250 C 46.998 23.506, 46.289 23, 45 23 C 43.711 23, 43.002 23.506, 43.250 24.250 M 13.446 31.087 C 12.416 32.755, 14.733 34.667, 16.113 33.287 C 17.267 32.133, 16.545 30, 15 30 C 14.515 30, 13.816 30.489, 13.446 31.087 M 21.177 31.553 C 21.629 33.725, 23.404 33.858, 23.810 31.750 C 24.020 30.655, 23.530 30, 22.500 30 C 21.539 30, 20.988 30.647, 21.177 31.553 M 28.446 31.087 C 27.416 32.755, 29.733 34.667, 31.113 33.287 C 32.267 32.133, 31.545 30, 30 30 C 29.515 30, 28.816 30.489, 28.446 31.087 M 36.177 31.553 C 36.629 33.725, 38.404 33.858, 38.810 31.750 C 39.020 30.655, 38.530 30, 37.500 30 C 36.539 30, 35.988 30.647, 36.177 31.553 M 43.446 31.087 C 42.416 32.755, 44.733 34.667, 46.113 33.287 C 47.267 32.133, 46.545 30, 45 30 C 44.515 30, 43.816 30.489, 43.446 31.087 M 13.250 39.250 C 13.479 39.938, 14.267 40.500, 15 40.500 C 15.733 40.500, 16.521 39.938, 16.750 39.250 C 16.998 38.506, 16.289 38, 15 38 C 13.711 38, 13.002 38.506, 13.250 39.250 M 21.198 43.250 L 21.500 48.500 26.500 48.500 L 31.500 48.500 31.802 43.250 L 32.105 38 26.500 38 L 20.895 38 21.198 43.250 M 36.198 43.250 L 36.500 48.500 41.500 48.500 L 46.500 48.500 46.802 43.250 L 47.105 38 41.500 38 L 35.895 38 36.198 43.250 M 24 43 C 24 44.333, 24.667 45, 26 45 C 27.333 45, 28 44.333, 28 43 C 28 41.667, 27.333 41, 26 41 C 24.667 41, 24 41.667, 24 43 M 39 43 C 39 44.333, 39.667 45, 41 45 C 42.333 45, 43 44.333, 43 43 C 43 41.667, 42.333 41, 41 41 C 39.667 41, 39 41.667, 39 43 M 13.446 46.087 C 12.416 47.755, 14.733 49.667, 16.113 48.287 C 17.267 47.133, 16.545 45, 15 45 C 14.515 45, 13.816 45.489, 13.446 46.087" stroke="none" fill="#73ac8b" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.png b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.png
new file mode 100644
index 00000000..1475a31f
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.svg b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.svg
new file mode 100644
index 00000000..ef9ce661
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.25x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="75px" height="75px" viewBox="0 0 75 75" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(3.529412%,4.705882%,4.313726%);fill-opacity:1;" d="M 16.628906 6.183594 C 16.171875 7.929688 14.707031 8.722656 11.433594 8.996094 L 6.875 9.375 L 6.875 70.625 L 68.125 70.625 L 68.488281 60.3125 C 68.71875 53.769531 68.375 50 67.550781 50 C 66.835938 50 65.828125 49.988281 65.3125 49.980469 C 64.796875 49.96875 64.09375 53.484375 63.75 57.792969 L 63.125 65.625 L 11.875 65.625 L 11.53125 44.6875 L 11.191406 23.75 L 63.75 23.75 L 63.75 28.214844 C 63.75 31.796875 64.183594 32.601562 65.9375 32.261719 C 67.828125 31.898438 68.125 30.3125 68.125 20.609375 L 68.125 9.375 L 63.566406 8.996094 C 60.292969 8.722656 58.828125 7.929688 58.371094 6.183594 C 57.542969 3.015625 54.949219 3.054688 54.113281 6.25 C 53.5 8.585938 52.40625 8.75 37.5 8.75 C 22.59375 8.75 21.5 8.585938 20.886719 6.25 C 20.050781 3.054688 17.457031 3.015625 16.628906 6.183594 M 13.75 16.25 C 13.75 16.9375 14.628906 17.5 15.699219 17.5 C 16.769531 17.5 17.300781 16.9375 16.875 16.25 C 16.449219 15.5625 15.574219 15 14.925781 15 C 14.277344 15 13.75 15.5625 13.75 16.25 M 20.625 16.25 C 20.125 17.0625 26.054688 17.5 37.5 17.5 C 48.945312 17.5 54.875 17.0625 54.375 16.25 C 53.347656 14.589844 21.652344 14.589844 20.625 16.25 M 58.125 16.25 C 57.699219 16.9375 58.511719 17.5 59.925781 17.5 C 61.339844 17.5 62.5 16.9375 62.5 16.25 C 62.5 15.5625 61.691406 15 60.699219 15 C 59.707031 15 58.550781 15.5625 58.125 16.25 M 16.5625 30.3125 C 16.847656 31.171875 17.832031 31.875 18.75 31.875 C 19.667969 31.875 20.652344 31.171875 20.9375 30.3125 C 21.246094 29.382812 20.359375 28.75 18.75 28.75 C 17.140625 28.75 16.253906 29.382812 16.5625 30.3125 M 26.25 30.625 C 26.25 31.65625 27.09375 32.5 28.125 32.5 C 29.15625 32.5 30 31.65625 30 30.625 C 30 29.59375 29.15625 28.75 28.125 28.75 C 27.09375 28.75 26.25 29.59375 26.25 30.625 M 35.3125 30.3125 C 35.597656 31.171875 36.582031 31.875 37.5 31.875 C 38.417969 31.875 39.402344 31.171875 39.6875 30.3125 C 39.996094 29.382812 39.109375 28.75 37.5 28.75 C 35.890625 28.75 35.003906 29.382812 35.3125 30.3125 M 45 30.625 C 45 31.65625 45.84375 32.5 46.875 32.5 C 47.90625 32.5 48.75 31.65625 48.75 30.625 C 48.75 29.59375 47.90625 28.75 46.875 28.75 C 45.84375 28.75 45 29.59375 45 30.625 M 54.0625 30.3125 C 54.347656 31.171875 55.332031 31.875 56.25 31.875 C 57.167969 31.875 58.152344 31.171875 58.4375 30.3125 C 58.746094 29.382812 57.859375 28.75 56.25 28.75 C 54.640625 28.75 53.753906 29.382812 54.0625 30.3125 M 64.339844 36.304688 C 63.210938 38.136719 64.855469 39.976562 66.914062 39.1875 C 67.921875 38.800781 68.75 38.039062 68.75 37.5 C 68.75 35.953125 65.160156 34.976562 64.339844 36.304688 M 16.808594 38.859375 C 15.519531 40.945312 18.417969 43.332031 20.140625 41.609375 C 21.582031 40.167969 20.679688 37.5 18.75 37.5 C 18.144531 37.5 17.269531 38.109375 16.808594 38.859375 M 26.472656 39.441406 C 27.035156 42.15625 29.253906 42.324219 29.761719 39.6875 C 30.023438 38.320312 29.414062 37.5 28.125 37.5 C 26.921875 37.5 26.234375 38.308594 26.472656 39.441406 M 35.558594 38.859375 C 34.269531 40.945312 37.167969 43.332031 38.890625 41.609375 C 40.332031 40.167969 39.429688 37.5 37.5 37.5 C 36.894531 37.5 36.019531 38.109375 35.558594 38.859375 M 45.222656 39.441406 C 45.785156 42.15625 48.003906 42.324219 48.511719 39.6875 C 48.773438 38.320312 48.164062 37.5 46.875 37.5 C 45.671875 37.5 44.984375 38.308594 45.222656 39.441406 M 54.308594 38.859375 C 53.019531 40.945312 55.917969 43.332031 57.640625 41.609375 C 59.082031 40.167969 58.179688 37.5 56.25 37.5 C 55.644531 37.5 54.769531 38.109375 54.308594 38.859375 M 63.75 44.285156 C 63.75 45.441406 64.820312 46.25 66.355469 46.25 C 69.398438 46.25 68.96875 43.328125 65.832031 42.722656 C 64.601562 42.480469 63.75 43.117188 63.75 44.285156 M 16.5625 49.0625 C 16.847656 49.921875 17.832031 50.625 18.75 50.625 C 19.667969 50.625 20.652344 49.921875 20.9375 49.0625 C 21.246094 48.132812 20.359375 47.5 18.75 47.5 C 17.140625 47.5 16.253906 48.132812 16.5625 49.0625 M 26.496094 54.0625 L 26.875 60.625 L 39.375 60.625 L 40.132812 47.5 L 26.117188 47.5 L 26.496094 54.0625 M 45.246094 54.0625 L 45.625 60.625 L 58.125 60.625 L 58.882812 47.5 L 44.867188 47.5 L 45.246094 54.0625 M 30 53.75 C 30 55.417969 30.832031 56.25 32.5 56.25 C 34.167969 56.25 35 55.417969 35 53.75 C 35 52.082031 34.167969 51.25 32.5 51.25 C 30.832031 51.25 30 52.082031 30 53.75 M 48.75 53.75 C 48.75 55.417969 49.582031 56.25 51.25 56.25 C 52.917969 56.25 53.75 55.417969 53.75 53.75 C 53.75 52.082031 52.917969 51.25 51.25 51.25 C 49.582031 51.25 48.75 52.082031 48.75 53.75 M 16.808594 57.609375 C 15.519531 59.695312 18.417969 62.082031 20.140625 60.359375 C 21.582031 58.917969 20.679688 56.25 18.75 56.25 C 18.144531 56.25 17.269531 56.859375 16.808594 57.609375 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(45.09804%,67.450982%,54.509807%);fill-opacity:1;" d="M 13.75 16.25 C 13.75 16.9375 14.628906 17.5 15.699219 17.5 C 16.769531 17.5 17.300781 16.9375 16.875 16.25 C 16.449219 15.5625 15.574219 15 14.925781 15 C 14.277344 15 13.75 15.5625 13.75 16.25 M 20.625 16.25 C 20.125 17.0625 26.054688 17.5 37.5 17.5 C 48.945312 17.5 54.875 17.0625 54.375 16.25 C 53.347656 14.589844 21.652344 14.589844 20.625 16.25 M 58.125 16.25 C 57.699219 16.9375 58.511719 17.5 59.925781 17.5 C 61.339844 17.5 62.5 16.9375 62.5 16.25 C 62.5 15.5625 61.691406 15 60.699219 15 C 59.707031 15 58.550781 15.5625 58.125 16.25 M 11.53125 44.6875 L 11.875 65.625 L 63.125 65.625 L 63.75 57.5 C 64.277344 50.640625 64.714844 49.433594 66.5625 49.742188 C 67.859375 49.960938 68.75 49.324219 68.75 48.179688 C 68.75 47.082031 67.671875 46.25 66.25 46.25 C 64.78125 46.25 63.75 45.417969 63.75 44.230469 C 63.75 42.824219 64.511719 42.40625 66.25 42.863281 C 68.117188 43.351562 68.75 42.898438 68.75 41.078125 C 68.75 39.449219 68.023438 38.761719 66.5625 39.007812 C 65.289062 39.222656 64.375 38.59375 64.375 37.5 C 64.375 36.40625 65.289062 35.777344 66.5625 35.992188 C 68.023438 36.238281 68.75 35.550781 68.75 33.921875 C 68.75 32.101562 68.117188 31.648438 66.25 32.136719 C 64.089844 32.703125 63.75 32.175781 63.75 28.269531 L 63.75 23.75 L 11.191406 23.75 L 11.53125 44.6875 M 16.5625 30.3125 C 16.847656 31.171875 17.832031 31.875 18.75 31.875 C 19.667969 31.875 20.652344 31.171875 20.9375 30.3125 C 21.246094 29.382812 20.359375 28.75 18.75 28.75 C 17.140625 28.75 16.253906 29.382812 16.5625 30.3125 M 26.25 30.625 C 26.25 31.65625 27.09375 32.5 28.125 32.5 C 29.15625 32.5 30 31.65625 30 30.625 C 30 29.59375 29.15625 28.75 28.125 28.75 C 27.09375 28.75 26.25 29.59375 26.25 30.625 M 35.3125 30.3125 C 35.597656 31.171875 36.582031 31.875 37.5 31.875 C 38.417969 31.875 39.402344 31.171875 39.6875 30.3125 C 39.996094 29.382812 39.109375 28.75 37.5 28.75 C 35.890625 28.75 35.003906 29.382812 35.3125 30.3125 M 45 30.625 C 45 31.65625 45.84375 32.5 46.875 32.5 C 47.90625 32.5 48.75 31.65625 48.75 30.625 C 48.75 29.59375 47.90625 28.75 46.875 28.75 C 45.84375 28.75 45 29.59375 45 30.625 M 54.0625 30.3125 C 54.347656 31.171875 55.332031 31.875 56.25 31.875 C 57.167969 31.875 58.152344 31.171875 58.4375 30.3125 C 58.746094 29.382812 57.859375 28.75 56.25 28.75 C 54.640625 28.75 53.753906 29.382812 54.0625 30.3125 M 16.808594 38.859375 C 15.519531 40.945312 18.417969 43.332031 20.140625 41.609375 C 21.582031 40.167969 20.679688 37.5 18.75 37.5 C 18.144531 37.5 17.269531 38.109375 16.808594 38.859375 M 26.472656 39.441406 C 27.035156 42.15625 29.253906 42.324219 29.761719 39.6875 C 30.023438 38.320312 29.414062 37.5 28.125 37.5 C 26.921875 37.5 26.234375 38.308594 26.472656 39.441406 M 35.558594 38.859375 C 34.269531 40.945312 37.167969 43.332031 38.890625 41.609375 C 40.332031 40.167969 39.429688 37.5 37.5 37.5 C 36.894531 37.5 36.019531 38.109375 35.558594 38.859375 M 45.222656 39.441406 C 45.785156 42.15625 48.003906 42.324219 48.511719 39.6875 C 48.773438 38.320312 48.164062 37.5 46.875 37.5 C 45.671875 37.5 44.984375 38.308594 45.222656 39.441406 M 54.308594 38.859375 C 53.019531 40.945312 55.917969 43.332031 57.640625 41.609375 C 59.082031 40.167969 58.179688 37.5 56.25 37.5 C 55.644531 37.5 54.769531 38.109375 54.308594 38.859375 M 16.5625 49.0625 C 16.847656 49.921875 17.832031 50.625 18.75 50.625 C 19.667969 50.625 20.652344 49.921875 20.9375 49.0625 C 21.246094 48.132812 20.359375 47.5 18.75 47.5 C 17.140625 47.5 16.253906 48.132812 16.5625 49.0625 M 26.496094 54.0625 L 26.875 60.625 L 39.375 60.625 L 40.132812 47.5 L 26.117188 47.5 L 26.496094 54.0625 M 45.246094 54.0625 L 45.625 60.625 L 58.125 60.625 L 58.882812 47.5 L 44.867188 47.5 L 45.246094 54.0625 M 30 53.75 C 30 55.417969 30.832031 56.25 32.5 56.25 C 34.167969 56.25 35 55.417969 35 53.75 C 35 52.082031 34.167969 51.25 32.5 51.25 C 30.832031 51.25 30 52.082031 30 53.75 M 48.75 53.75 C 48.75 55.417969 49.582031 56.25 51.25 56.25 C 52.917969 56.25 53.75 55.417969 53.75 53.75 C 53.75 52.082031 52.917969 51.25 51.25 51.25 C 49.582031 51.25 48.75 52.082031 48.75 53.75 M 16.808594 57.609375 C 15.519531 59.695312 18.417969 62.082031 20.140625 60.359375 C 21.582031 58.917969 20.679688 56.25 18.75 56.25 C 18.144531 56.25 17.269531 56.859375 16.808594 57.609375 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.png b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.png
new file mode 100644
index 00000000..f56cec23
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.svg b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.svg
new file mode 100644
index 00000000..0add96e6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.5x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90px" height="90px" viewBox="0 0 90 90" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(3.529412%,4.705882%,4.313726%);fill-opacity:1;" d="M 19.957031 7.417969 C 19.410156 9.515625 17.652344 10.464844 13.722656 10.792969 L 8.25 11.25 L 8.25 84.75 L 81.75 84.75 L 82.183594 72.375 C 82.460938 64.527344 82.050781 60 81.058594 60 C 80.203125 60 78.996094 59.988281 78.375 59.972656 C 77.753906 59.960938 76.914062 64.179688 76.5 69.347656 L 75.75 78.75 L 14.25 78.75 L 13.429688 28.5 L 76.5 28.5 L 76.5 33.859375 C 76.5 38.15625 77.019531 39.121094 79.125 38.714844 C 81.394531 38.277344 81.75 36.375 81.75 24.730469 L 81.75 11.25 L 76.277344 10.792969 C 72.347656 10.464844 70.589844 9.515625 70.042969 7.417969 C 69.050781 3.617188 65.9375 3.664062 64.933594 7.5 C 64.203125 10.300781 62.890625 10.5 45 10.5 C 27.109375 10.5 25.796875 10.300781 25.066406 7.5 C 24.0625 3.664062 20.949219 3.617188 19.957031 7.417969 M 16.5 19.5 C 16.5 20.324219 17.554688 21 18.839844 21 C 20.125 21 20.761719 20.324219 20.25 19.5 C 19.738281 18.675781 18.6875 18 17.910156 18 C 17.132812 18 16.5 18.675781 16.5 19.5 M 24.75 19.5 C 24.148438 20.472656 31.265625 21 45 21 C 58.734375 21 65.851562 20.472656 65.25 19.5 C 64.019531 17.507812 25.980469 17.507812 24.75 19.5 M 69.75 19.5 C 69.238281 20.324219 70.214844 21 71.910156 21 C 73.609375 21 75 20.324219 75 19.5 C 75 18.675781 74.027344 18 72.839844 18 C 71.648438 18 70.261719 18.675781 69.75 19.5 M 19.875 36.375 C 20.21875 37.40625 21.402344 38.25 22.5 38.25 C 23.597656 38.25 24.78125 37.40625 25.125 36.375 C 25.496094 35.257812 24.433594 34.5 22.5 34.5 C 20.566406 34.5 19.503906 35.257812 19.875 36.375 M 31.5 36.75 C 31.5 37.988281 32.511719 39 33.75 39 C 34.988281 39 36 37.988281 36 36.75 C 36 35.511719 34.988281 34.5 33.75 34.5 C 32.511719 34.5 31.5 35.511719 31.5 36.75 M 42.375 36.375 C 42.71875 37.40625 43.902344 38.25 45 38.25 C 46.097656 38.25 47.28125 37.40625 47.625 36.375 C 47.996094 35.257812 46.933594 34.5 45 34.5 C 43.066406 34.5 42.003906 35.257812 42.375 36.375 M 54 36.75 C 54 37.988281 55.011719 39 56.25 39 C 57.488281 39 58.5 37.988281 58.5 36.75 C 58.5 35.511719 57.488281 34.5 56.25 34.5 C 55.011719 34.5 54 35.511719 54 36.75 M 64.875 36.375 C 65.21875 37.40625 66.402344 38.25 67.5 38.25 C 68.597656 38.25 69.78125 37.40625 70.125 36.375 C 70.496094 35.257812 69.433594 34.5 67.5 34.5 C 65.566406 34.5 64.503906 35.257812 64.875 36.375 M 77.210938 43.566406 C 75.851562 45.761719 77.824219 47.972656 80.296875 47.023438 C 81.507812 46.558594 82.5 45.648438 82.5 45 C 82.5 43.140625 78.195312 41.972656 77.210938 43.566406 M 20.167969 46.628906 C 18.625 49.132812 22.097656 52 24.167969 49.929688 C 25.902344 48.199219 24.816406 45 22.5 45 C 21.773438 45 20.722656 45.734375 20.167969 46.628906 M 31.765625 47.328125 C 32.445312 50.585938 35.105469 50.785156 35.714844 47.625 C 36.03125 45.984375 35.296875 45 33.75 45 C 32.308594 45 31.480469 45.96875 31.765625 47.328125 M 42.667969 46.628906 C 41.125 49.132812 44.597656 52 46.667969 49.929688 C 48.402344 48.199219 47.316406 45 45 45 C 44.273438 45 43.222656 45.734375 42.667969 46.628906 M 54.265625 47.328125 C 54.945312 50.585938 57.605469 50.785156 58.214844 47.625 C 58.53125 45.984375 57.796875 45 56.25 45 C 54.808594 45 53.980469 45.96875 54.265625 47.328125 M 65.167969 46.628906 C 63.625 49.132812 67.097656 52 69.167969 49.929688 C 70.902344 48.199219 69.816406 45 67.5 45 C 66.773438 45 65.722656 45.734375 65.167969 46.628906 M 76.5 53.140625 C 76.5 54.53125 77.78125 55.5 79.625 55.5 C 83.28125 55.5 82.765625 51.996094 79 51.265625 C 77.519531 50.976562 76.5 51.742188 76.5 53.140625 M 19.875 58.875 C 20.21875 59.90625 21.402344 60.75 22.5 60.75 C 23.597656 60.75 24.78125 59.90625 25.125 58.875 C 25.496094 57.757812 24.433594 57 22.5 57 C 20.566406 57 19.503906 57.757812 19.875 58.875 M 31.796875 64.875 L 32.25 72.75 L 47.25 72.75 L 48.15625 57 L 31.34375 57 L 31.796875 64.875 M 54.296875 64.875 L 54.75 72.75 L 69.75 72.75 L 70.65625 57 L 53.84375 57 L 54.296875 64.875 M 36 64.5 C 36 66.5 37 67.5 39 67.5 C 41 67.5 42 66.5 42 64.5 C 42 62.5 41 61.5 39 61.5 C 37 61.5 36 62.5 36 64.5 M 58.5 64.5 C 58.5 66.5 59.5 67.5 61.5 67.5 C 63.5 67.5 64.5 66.5 64.5 64.5 C 64.5 62.5 63.5 61.5 61.5 61.5 C 59.5 61.5 58.5 62.5 58.5 64.5 M 20.167969 69.128906 C 18.625 71.632812 22.097656 74.5 24.167969 72.429688 C 25.902344 70.699219 24.816406 67.5 22.5 67.5 C 21.773438 67.5 20.722656 68.234375 20.167969 69.128906 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(45.09804%,67.450982%,54.509807%);fill-opacity:1;" d="M 16.5 19.5 C 16.5 20.324219 17.554688 21 18.839844 21 C 20.125 21 20.761719 20.324219 20.25 19.5 C 19.738281 18.675781 18.6875 18 17.910156 18 C 17.132812 18 16.5 18.675781 16.5 19.5 M 24.75 19.5 C 24.148438 20.472656 31.265625 21 45 21 C 58.734375 21 65.851562 20.472656 65.25 19.5 C 64.019531 17.507812 25.980469 17.507812 24.75 19.5 M 69.75 19.5 C 69.238281 20.324219 70.214844 21 71.910156 21 C 73.609375 21 75 20.324219 75 19.5 C 75 18.675781 74.027344 18 72.839844 18 C 71.648438 18 70.261719 18.675781 69.75 19.5 M 13.839844 53.625 L 14.25 78.75 L 75.75 78.75 L 76.5 69 C 77.132812 60.769531 77.660156 59.320312 79.875 59.691406 C 81.433594 59.953125 82.5 59.1875 82.5 57.816406 C 82.5 56.5 81.203125 55.5 79.5 55.5 C 77.738281 55.5 76.5 54.5 76.5 53.074219 C 76.5 51.386719 77.414062 50.890625 79.5 51.433594 C 81.742188 52.023438 82.5 51.480469 82.5 49.292969 C 82.5 47.339844 81.628906 46.515625 79.875 46.808594 C 78.347656 47.066406 77.25 46.3125 77.25 45 C 77.25 43.6875 78.347656 42.933594 79.875 43.191406 C 81.628906 43.484375 82.5 42.660156 82.5 40.707031 C 82.5 38.519531 81.742188 37.976562 79.5 38.566406 C 76.90625 39.242188 76.5 38.613281 76.5 33.925781 L 76.5 28.5 L 13.429688 28.5 L 13.839844 53.625 M 19.875 36.375 C 20.21875 37.40625 21.402344 38.25 22.5 38.25 C 23.597656 38.25 24.78125 37.40625 25.125 36.375 C 25.496094 35.257812 24.433594 34.5 22.5 34.5 C 20.566406 34.5 19.503906 35.257812 19.875 36.375 M 31.5 36.75 C 31.5 37.988281 32.511719 39 33.75 39 C 34.988281 39 36 37.988281 36 36.75 C 36 35.511719 34.988281 34.5 33.75 34.5 C 32.511719 34.5 31.5 35.511719 31.5 36.75 M 42.375 36.375 C 42.71875 37.40625 43.902344 38.25 45 38.25 C 46.097656 38.25 47.28125 37.40625 47.625 36.375 C 47.996094 35.257812 46.933594 34.5 45 34.5 C 43.066406 34.5 42.003906 35.257812 42.375 36.375 M 54 36.75 C 54 37.988281 55.011719 39 56.25 39 C 57.488281 39 58.5 37.988281 58.5 36.75 C 58.5 35.511719 57.488281 34.5 56.25 34.5 C 55.011719 34.5 54 35.511719 54 36.75 M 64.875 36.375 C 65.21875 37.40625 66.402344 38.25 67.5 38.25 C 68.597656 38.25 69.78125 37.40625 70.125 36.375 C 70.496094 35.257812 69.433594 34.5 67.5 34.5 C 65.566406 34.5 64.503906 35.257812 64.875 36.375 M 20.167969 46.628906 C 18.625 49.132812 22.097656 52 24.167969 49.929688 C 25.902344 48.199219 24.816406 45 22.5 45 C 21.773438 45 20.722656 45.734375 20.167969 46.628906 M 31.765625 47.328125 C 32.445312 50.585938 35.105469 50.785156 35.714844 47.625 C 36.03125 45.984375 35.296875 45 33.75 45 C 32.308594 45 31.480469 45.96875 31.765625 47.328125 M 42.667969 46.628906 C 41.125 49.132812 44.597656 52 46.667969 49.929688 C 48.402344 48.199219 47.316406 45 45 45 C 44.273438 45 43.222656 45.734375 42.667969 46.628906 M 54.265625 47.328125 C 54.945312 50.585938 57.605469 50.785156 58.214844 47.625 C 58.53125 45.984375 57.796875 45 56.25 45 C 54.808594 45 53.980469 45.96875 54.265625 47.328125 M 65.167969 46.628906 C 63.625 49.132812 67.097656 52 69.167969 49.929688 C 70.902344 48.199219 69.816406 45 67.5 45 C 66.773438 45 65.722656 45.734375 65.167969 46.628906 M 19.875 58.875 C 20.21875 59.90625 21.402344 60.75 22.5 60.75 C 23.597656 60.75 24.78125 59.90625 25.125 58.875 C 25.496094 57.757812 24.433594 57 22.5 57 C 20.566406 57 19.503906 57.757812 19.875 58.875 M 31.796875 64.875 L 32.25 72.75 L 47.25 72.75 L 48.15625 57 L 31.34375 57 L 31.796875 64.875 M 54.296875 64.875 L 54.75 72.75 L 69.75 72.75 L 70.65625 57 L 53.84375 57 L 54.296875 64.875 M 36 64.5 C 36 66.5 37 67.5 39 67.5 C 41 67.5 42 66.5 42 64.5 C 42 62.5 41 61.5 39 61.5 C 37 61.5 36 62.5 36 64.5 M 58.5 64.5 C 58.5 66.5 59.5 67.5 61.5 67.5 C 63.5 67.5 64.5 66.5 64.5 64.5 C 64.5 62.5 63.5 61.5 61.5 61.5 C 59.5 61.5 58.5 62.5 58.5 64.5 M 20.167969 69.128906 C 18.625 71.632812 22.097656 74.5 24.167969 72.429688 C 25.902344 70.699219 24.816406 67.5 22.5 67.5 C 21.773438 67.5 20.722656 68.234375 20.167969 69.128906 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.png b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.png
new file mode 100644
index 00000000..bef9b39f
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.svg b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.svg
new file mode 100644
index 00000000..355f1257
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@1.75x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105px" height="105px" viewBox="0 0 105 105" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(3.529412%,4.705882%,4.313726%);fill-opacity:1;" d="M 23.28125 8.65625 C 22.644531 11.101562 20.59375 12.210938 16.007812 12.59375 L 9.625 13.125 L 9.625 98.875 L 95.375 98.875 L 95.882812 84.4375 C 96.207031 75.28125 95.726562 70 94.570312 70 C 93.570312 70 92.160156 69.984375 91.4375 69.96875 C 90.714844 69.953125 89.730469 74.875 89.25 80.90625 L 88.375 91.875 L 16.625 91.875 L 15.664062 33.25 L 89.25 33.25 L 89.25 39.503906 C 89.25 44.515625 89.855469 45.640625 92.3125 45.167969 C 94.957031 44.65625 95.375 42.4375 95.375 28.851562 L 95.375 13.125 L 88.992188 12.59375 C 84.40625 12.210938 82.355469 11.101562 81.71875 8.65625 C 80.558594 4.21875 76.925781 4.277344 75.757812 8.75 C 74.902344 12.019531 73.371094 12.25 52.5 12.25 C 31.628906 12.25 30.097656 12.019531 29.242188 8.75 C 28.074219 4.277344 24.441406 4.21875 23.28125 8.65625 M 19.25 22.75 C 19.25 23.710938 20.476562 24.5 21.976562 24.5 C 23.476562 24.5 24.21875 23.710938 23.625 22.75 C 23.03125 21.789062 21.804688 21 20.898438 21 C 19.992188 21 19.25 21.789062 19.25 22.75 M 28.875 22.75 C 28.171875 23.886719 36.476562 24.5 52.5 24.5 C 68.523438 24.5 76.828125 23.886719 76.125 22.75 C 74.6875 20.425781 30.3125 20.425781 28.875 22.75 M 81.375 22.75 C 80.78125 23.710938 81.914062 24.5 83.898438 24.5 C 85.878906 24.5 87.5 23.710938 87.5 22.75 C 87.5 21.789062 86.367188 21 84.976562 21 C 83.589844 21 81.96875 21.789062 81.375 22.75 M 23.1875 42.4375 C 23.589844 43.640625 24.96875 44.625 26.25 44.625 C 27.53125 44.625 28.910156 43.640625 29.3125 42.4375 C 29.746094 41.136719 28.503906 40.25 26.25 40.25 C 23.996094 40.25 22.753906 41.136719 23.1875 42.4375 M 36.75 42.875 C 36.75 44.320312 37.929688 45.5 39.375 45.5 C 40.820312 45.5 42 44.320312 42 42.875 C 42 41.429688 40.820312 40.25 39.375 40.25 C 37.929688 40.25 36.75 41.429688 36.75 42.875 M 49.4375 42.4375 C 49.839844 43.640625 51.21875 44.625 52.5 44.625 C 53.78125 44.625 55.160156 43.640625 55.5625 42.4375 C 55.996094 41.136719 54.753906 40.25 52.5 40.25 C 50.246094 40.25 49.003906 41.136719 49.4375 42.4375 M 63 42.875 C 63 44.320312 64.179688 45.5 65.625 45.5 C 67.070312 45.5 68.25 44.320312 68.25 42.875 C 68.25 41.429688 67.070312 40.25 65.625 40.25 C 64.179688 40.25 63 41.429688 63 42.875 M 75.6875 42.4375 C 76.089844 43.640625 77.46875 44.625 78.75 44.625 C 80.03125 44.625 81.410156 43.640625 81.8125 42.4375 C 82.246094 41.136719 81.003906 40.25 78.75 40.25 C 76.496094 40.25 75.253906 41.136719 75.6875 42.4375 M 90.078125 50.828125 C 88.492188 53.390625 90.796875 55.96875 93.679688 54.859375 C 95.09375 54.320312 96.25 53.257812 96.25 52.5 C 96.25 50.332031 91.226562 48.96875 90.078125 50.828125 M 23.53125 54.402344 C 21.726562 57.320312 25.78125 60.667969 28.199219 58.253906 C 30.21875 56.234375 28.953125 52.5 26.25 52.5 C 25.402344 52.5 24.179688 53.355469 23.53125 54.402344 M 37.058594 55.21875 C 37.851562 59.019531 40.957031 59.25 41.667969 55.5625 C 42.035156 53.644531 41.175781 52.5 39.375 52.5 C 37.691406 52.5 36.730469 53.632812 37.058594 55.21875 M 49.78125 54.402344 C 47.976562 57.320312 52.03125 60.667969 54.449219 58.253906 C 56.46875 56.234375 55.203125 52.5 52.5 52.5 C 51.652344 52.5 50.429688 53.355469 49.78125 54.402344 M 63.308594 55.21875 C 64.101562 59.019531 67.207031 59.25 67.917969 55.5625 C 68.285156 53.644531 67.425781 52.5 65.625 52.5 C 63.941406 52.5 62.980469 53.632812 63.308594 55.21875 M 76.03125 54.402344 C 74.226562 57.320312 78.28125 60.667969 80.699219 58.253906 C 82.71875 56.234375 81.453125 52.5 78.75 52.5 C 77.902344 52.5 76.679688 53.355469 76.03125 54.402344 M 89.25 61.996094 C 89.25 63.621094 90.746094 64.75 92.894531 64.75 C 97.160156 64.75 96.558594 60.660156 92.167969 59.808594 C 90.441406 59.472656 89.25 60.367188 89.25 61.996094 M 23.1875 68.6875 C 23.589844 69.890625 24.96875 70.875 26.25 70.875 C 27.53125 70.875 28.910156 69.890625 29.3125 68.6875 C 29.746094 67.386719 28.503906 66.5 26.25 66.5 C 23.996094 66.5 22.753906 67.386719 23.1875 68.6875 M 37.097656 75.6875 L 37.625 84.875 L 55.125 84.875 L 55.652344 75.6875 L 56.183594 66.5 L 36.566406 66.5 L 37.097656 75.6875 M 63.347656 75.6875 L 63.875 84.875 L 81.375 84.875 L 81.902344 75.6875 L 82.433594 66.5 L 62.816406 66.5 L 63.347656 75.6875 M 42 75.25 C 42 77.582031 43.167969 78.75 45.5 78.75 C 47.832031 78.75 49 77.582031 49 75.25 C 49 72.917969 47.832031 71.75 45.5 71.75 C 43.167969 71.75 42 72.917969 42 75.25 M 68.25 75.25 C 68.25 77.582031 69.417969 78.75 71.75 78.75 C 74.082031 78.75 75.25 77.582031 75.25 75.25 C 75.25 72.917969 74.082031 71.75 71.75 71.75 C 69.417969 71.75 68.25 72.917969 68.25 75.25 M 23.53125 80.652344 C 21.726562 83.570312 25.78125 86.917969 28.199219 84.503906 C 30.21875 82.484375 28.953125 78.75 26.25 78.75 C 25.402344 78.75 24.179688 79.605469 23.53125 80.652344 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(45.09804%,67.450982%,54.509807%);fill-opacity:1;" d="M 19.25 22.75 C 19.25 23.710938 20.476562 24.5 21.976562 24.5 C 23.476562 24.5 24.21875 23.710938 23.625 22.75 C 23.03125 21.789062 21.804688 21 20.898438 21 C 19.992188 21 19.25 21.789062 19.25 22.75 M 28.875 22.75 C 28.171875 23.886719 36.476562 24.5 52.5 24.5 C 68.523438 24.5 76.828125 23.886719 76.125 22.75 C 74.6875 20.425781 30.3125 20.425781 28.875 22.75 M 81.375 22.75 C 80.78125 23.710938 81.914062 24.5 83.898438 24.5 C 85.878906 24.5 87.5 23.710938 87.5 22.75 C 87.5 21.789062 86.367188 21 84.976562 21 C 83.589844 21 81.96875 21.789062 81.375 22.75 M 16.144531 62.5625 L 16.625 91.875 L 88.375 91.875 L 89.25 80.5 C 89.988281 70.898438 90.601562 69.207031 93.1875 69.640625 C 95.003906 69.945312 96.25 69.054688 96.25 67.453125 C 96.25 65.917969 94.738281 64.75 92.75 64.75 C 90.695312 64.75 89.25 63.582031 89.25 61.921875 C 89.25 59.953125 90.316406 59.371094 92.75 60.007812 C 95.367188 60.691406 96.25 60.058594 96.25 57.511719 C 96.25 55.230469 95.234375 54.265625 93.1875 54.609375 C 91.402344 54.910156 90.125 54.03125 90.125 52.5 C 90.125 50.96875 91.402344 50.089844 93.1875 50.390625 C 95.234375 50.734375 96.25 49.769531 96.25 47.488281 C 96.25 44.941406 95.367188 44.308594 92.75 44.992188 C 89.726562 45.785156 89.25 45.046875 89.25 39.578125 L 89.25 33.25 L 15.664062 33.25 L 16.144531 62.5625 M 23.1875 42.4375 C 23.589844 43.640625 24.96875 44.625 26.25 44.625 C 27.53125 44.625 28.910156 43.640625 29.3125 42.4375 C 29.746094 41.136719 28.503906 40.25 26.25 40.25 C 23.996094 40.25 22.753906 41.136719 23.1875 42.4375 M 36.75 42.875 C 36.75 44.320312 37.929688 45.5 39.375 45.5 C 40.820312 45.5 42 44.320312 42 42.875 C 42 41.429688 40.820312 40.25 39.375 40.25 C 37.929688 40.25 36.75 41.429688 36.75 42.875 M 49.4375 42.4375 C 49.839844 43.640625 51.21875 44.625 52.5 44.625 C 53.78125 44.625 55.160156 43.640625 55.5625 42.4375 C 55.996094 41.136719 54.753906 40.25 52.5 40.25 C 50.246094 40.25 49.003906 41.136719 49.4375 42.4375 M 63 42.875 C 63 44.320312 64.179688 45.5 65.625 45.5 C 67.070312 45.5 68.25 44.320312 68.25 42.875 C 68.25 41.429688 67.070312 40.25 65.625 40.25 C 64.179688 40.25 63 41.429688 63 42.875 M 75.6875 42.4375 C 76.089844 43.640625 77.46875 44.625 78.75 44.625 C 80.03125 44.625 81.410156 43.640625 81.8125 42.4375 C 82.246094 41.136719 81.003906 40.25 78.75 40.25 C 76.496094 40.25 75.253906 41.136719 75.6875 42.4375 M 23.53125 54.402344 C 21.726562 57.320312 25.78125 60.667969 28.199219 58.253906 C 30.21875 56.234375 28.953125 52.5 26.25 52.5 C 25.402344 52.5 24.179688 53.355469 23.53125 54.402344 M 37.058594 55.21875 C 37.851562 59.019531 40.957031 59.25 41.667969 55.5625 C 42.035156 53.644531 41.175781 52.5 39.375 52.5 C 37.691406 52.5 36.730469 53.632812 37.058594 55.21875 M 49.78125 54.402344 C 47.976562 57.320312 52.03125 60.667969 54.449219 58.253906 C 56.46875 56.234375 55.203125 52.5 52.5 52.5 C 51.652344 52.5 50.429688 53.355469 49.78125 54.402344 M 63.308594 55.21875 C 64.101562 59.019531 67.207031 59.25 67.917969 55.5625 C 68.285156 53.644531 67.425781 52.5 65.625 52.5 C 63.941406 52.5 62.980469 53.632812 63.308594 55.21875 M 76.03125 54.402344 C 74.226562 57.320312 78.28125 60.667969 80.699219 58.253906 C 82.71875 56.234375 81.453125 52.5 78.75 52.5 C 77.902344 52.5 76.679688 53.355469 76.03125 54.402344 M 23.1875 68.6875 C 23.589844 69.890625 24.96875 70.875 26.25 70.875 C 27.53125 70.875 28.910156 69.890625 29.3125 68.6875 C 29.746094 67.386719 28.503906 66.5 26.25 66.5 C 23.996094 66.5 22.753906 67.386719 23.1875 68.6875 M 37.097656 75.6875 L 37.625 84.875 L 55.125 84.875 L 55.652344 75.6875 L 56.183594 66.5 L 36.566406 66.5 L 37.097656 75.6875 M 63.347656 75.6875 L 63.875 84.875 L 81.375 84.875 L 81.902344 75.6875 L 82.433594 66.5 L 62.816406 66.5 L 63.347656 75.6875 M 42 75.25 C 42 77.582031 43.167969 78.75 45.5 78.75 C 47.832031 78.75 49 77.582031 49 75.25 C 49 72.917969 47.832031 71.75 45.5 71.75 C 43.167969 71.75 42 72.917969 42 75.25 M 68.25 75.25 C 68.25 77.582031 69.417969 78.75 71.75 78.75 C 74.082031 78.75 75.25 77.582031 75.25 75.25 C 75.25 72.917969 74.082031 71.75 71.75 71.75 C 69.417969 71.75 68.25 72.917969 68.25 75.25 M 23.53125 80.652344 C 21.726562 83.570312 25.78125 86.917969 28.199219 84.503906 C 30.21875 82.484375 28.953125 78.75 26.25 78.75 C 25.402344 78.75 24.179688 79.605469 23.53125 80.652344 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.png b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.png
new file mode 100644
index 00000000..ed3bd2f0
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.svg b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.svg
new file mode 100644
index 00000000..f19405b9
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/dark/icon-dark@2x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px" viewBox="0 0 120 120" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(3.529412%,4.705882%,4.313726%);fill-opacity:1;" d="M 26.609375 9.890625 C 25.878906 12.6875 23.535156 13.953125 18.296875 14.390625 L 11 15 L 11 113 L 109 113 L 109.578125 96.5 C 109.949219 86.035156 109.398438 80 108.078125 80 C 106.9375 80 105.324219 79.984375 104.5 79.964844 C 103.675781 79.949219 102.550781 85.570312 102 92.464844 L 101 105 L 19 105 L 18.453125 71.5 L 17.902344 38 L 102 38 L 102 45.144531 C 102 50.875 102.695312 52.160156 105.5 51.621094 C 108.523438 51.035156 109 48.5 109 32.972656 L 109 15 L 101.703125 14.390625 C 96.464844 13.953125 94.121094 12.6875 93.390625 9.890625 C 92.066406 4.820312 87.914062 4.886719 86.578125 10 C 85.601562 13.734375 83.851562 14 60 14 C 36.148438 14 34.398438 13.734375 33.421875 10 C 32.085938 4.886719 27.933594 4.820312 26.609375 9.890625 M 22 26 C 22 27.101562 23.402344 28 25.117188 28 C 26.832031 28 27.679688 27.101562 27 26 C 26.320312 24.898438 24.917969 24 23.882812 24 C 22.847656 24 22 24.898438 22 26 M 33 26 C 32.199219 27.296875 41.6875 28 60 28 C 78.3125 28 87.800781 27.296875 87 26 C 85.359375 23.34375 34.640625 23.34375 33 26 M 93 26 C 92.320312 27.101562 93.617188 28 95.882812 28 C 98.144531 28 100 27.101562 100 26 C 100 24.898438 98.703125 24 97.117188 24 C 95.53125 24 93.679688 24.898438 93 26 M 26.5 48.5 C 26.957031 49.875 28.535156 51 30 51 C 31.464844 51 33.042969 49.875 33.5 48.5 C 33.996094 47.011719 32.578125 46 30 46 C 27.421875 46 26.003906 47.011719 26.5 48.5 M 42 49 C 42 50.648438 43.351562 52 45 52 C 46.648438 52 48 50.648438 48 49 C 48 47.351562 46.648438 46 45 46 C 43.351562 46 42 47.351562 42 49 M 56.5 48.5 C 56.957031 49.875 58.535156 51 60 51 C 61.464844 51 63.042969 49.875 63.5 48.5 C 63.996094 47.011719 62.578125 46 60 46 C 57.421875 46 56.003906 47.011719 56.5 48.5 M 72 49 C 72 50.648438 73.351562 52 75 52 C 76.648438 52 78 50.648438 78 49 C 78 47.351562 76.648438 46 75 46 C 73.351562 46 72 47.351562 72 49 M 86.5 48.5 C 86.957031 49.875 88.535156 51 90 51 C 91.464844 51 93.042969 49.875 93.5 48.5 C 93.996094 47.011719 92.578125 46 90 46 C 87.421875 46 86.003906 47.011719 86.5 48.5 M 102.945312 58.089844 C 101.136719 61.015625 103.769531 63.964844 107.0625 62.699219 C 108.679688 62.078125 110 60.863281 110 60 C 110 57.523438 104.257812 55.964844 102.945312 58.089844 M 26.890625 62.175781 C 24.832031 65.511719 29.464844 69.335938 32.226562 66.574219 C 34.535156 64.265625 33.089844 60 30 60 C 29.03125 60 27.632812 60.976562 26.890625 62.175781 M 42.355469 63.105469 C 43.257812 67.449219 46.808594 67.714844 47.621094 63.5 C 48.039062 61.308594 47.058594 60 45 60 C 43.078125 60 41.976562 61.292969 42.355469 63.105469 M 56.890625 62.175781 C 54.832031 65.511719 59.464844 69.335938 62.226562 66.574219 C 64.535156 64.265625 63.089844 60 60 60 C 59.03125 60 57.632812 60.976562 56.890625 62.175781 M 72.355469 63.105469 C 73.257812 67.449219 76.808594 67.714844 77.621094 63.5 C 78.039062 61.308594 77.058594 60 75 60 C 73.078125 60 71.976562 61.292969 72.355469 63.105469 M 86.890625 62.175781 C 84.832031 65.511719 89.464844 69.335938 92.226562 66.574219 C 94.535156 64.265625 93.089844 60 90 60 C 89.03125 60 87.632812 60.976562 86.890625 62.175781 M 102 70.855469 C 102 72.707031 103.710938 74 106.164062 74 C 111.039062 74 110.351562 69.324219 105.335938 68.355469 C 103.359375 67.96875 102 68.988281 102 70.855469 M 26.5 78.5 C 26.957031 79.875 28.535156 81 30 81 C 31.464844 81 33.042969 79.875 33.5 78.5 C 33.996094 77.011719 32.578125 76 30 76 C 27.421875 76 26.003906 77.011719 26.5 78.5 M 42.394531 86.5 L 43 97 L 63 97 L 64.210938 76 L 41.789062 76 L 42.394531 86.5 M 72.394531 86.5 L 73 97 L 93 97 L 94.210938 76 L 71.789062 76 L 72.394531 86.5 M 48 86 C 48 88.664062 49.335938 90 52 90 C 54.664062 90 56 88.664062 56 86 C 56 83.335938 54.664062 82 52 82 C 49.335938 82 48 83.335938 48 86 M 78 86 C 78 88.664062 79.335938 90 82 90 C 84.664062 90 86 88.664062 86 86 C 86 83.335938 84.664062 82 82 82 C 79.335938 82 78 83.335938 78 86 M 26.890625 92.175781 C 24.832031 95.511719 29.464844 99.335938 32.226562 96.574219 C 34.535156 94.265625 33.089844 90 30 90 C 29.03125 90 27.632812 90.976562 26.890625 92.175781 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(45.09804%,67.450982%,54.509807%);fill-opacity:1;" d="M 22 26 C 22 27.101562 23.402344 28 25.117188 28 C 26.832031 28 27.679688 27.101562 27 26 C 26.320312 24.898438 24.917969 24 23.882812 24 C 22.847656 24 22 24.898438 22 26 M 33 26 C 32.199219 27.296875 41.6875 28 60 28 C 78.3125 28 87.800781 27.296875 87 26 C 85.359375 23.34375 34.640625 23.34375 33 26 M 93 26 C 92.320312 27.101562 93.617188 28 95.882812 28 C 98.144531 28 100 27.101562 100 26 C 100 24.898438 98.703125 24 97.117188 24 C 95.53125 24 93.679688 24.898438 93 26 M 18.453125 71.5 L 19 105 L 101 105 L 102 92 C 102.84375 81.027344 103.546875 79.09375 106.5 79.589844 C 108.574219 79.9375 110 78.917969 110 77.089844 C 110 75.335938 108.273438 74 106 74 C 103.648438 74 102 72.664062 102 70.765625 C 102 68.519531 103.21875 67.851562 106 68.578125 C 108.988281 69.363281 110 68.640625 110 65.726562 C 110 63.121094 108.839844 62.019531 106.5 62.410156 C 104.460938 62.753906 103 61.746094 103 60 C 103 58.253906 104.460938 57.246094 106.5 57.589844 C 108.839844 57.980469 110 56.878906 110 54.273438 C 110 51.359375 108.988281 50.636719 106 51.421875 C 102.542969 52.324219 102 51.480469 102 45.234375 L 102 38 L 17.902344 38 L 18.453125 71.5 M 26.5 48.5 C 26.957031 49.875 28.535156 51 30 51 C 31.464844 51 33.042969 49.875 33.5 48.5 C 33.996094 47.011719 32.578125 46 30 46 C 27.421875 46 26.003906 47.011719 26.5 48.5 M 42 49 C 42 50.648438 43.351562 52 45 52 C 46.648438 52 48 50.648438 48 49 C 48 47.351562 46.648438 46 45 46 C 43.351562 46 42 47.351562 42 49 M 56.5 48.5 C 56.957031 49.875 58.535156 51 60 51 C 61.464844 51 63.042969 49.875 63.5 48.5 C 63.996094 47.011719 62.578125 46 60 46 C 57.421875 46 56.003906 47.011719 56.5 48.5 M 72 49 C 72 50.648438 73.351562 52 75 52 C 76.648438 52 78 50.648438 78 49 C 78 47.351562 76.648438 46 75 46 C 73.351562 46 72 47.351562 72 49 M 86.5 48.5 C 86.957031 49.875 88.535156 51 90 51 C 91.464844 51 93.042969 49.875 93.5 48.5 C 93.996094 47.011719 92.578125 46 90 46 C 87.421875 46 86.003906 47.011719 86.5 48.5 M 26.890625 62.175781 C 24.832031 65.511719 29.464844 69.335938 32.226562 66.574219 C 34.535156 64.265625 33.089844 60 30 60 C 29.03125 60 27.632812 60.976562 26.890625 62.175781 M 42.355469 63.105469 C 43.257812 67.449219 46.808594 67.714844 47.621094 63.5 C 48.039062 61.308594 47.058594 60 45 60 C 43.078125 60 41.976562 61.292969 42.355469 63.105469 M 56.890625 62.175781 C 54.832031 65.511719 59.464844 69.335938 62.226562 66.574219 C 64.535156 64.265625 63.089844 60 60 60 C 59.03125 60 57.632812 60.976562 56.890625 62.175781 M 72.355469 63.105469 C 73.257812 67.449219 76.808594 67.714844 77.621094 63.5 C 78.039062 61.308594 77.058594 60 75 60 C 73.078125 60 71.976562 61.292969 72.355469 63.105469 M 86.890625 62.175781 C 84.832031 65.511719 89.464844 69.335938 92.226562 66.574219 C 94.535156 64.265625 93.089844 60 90 60 C 89.03125 60 87.632812 60.976562 86.890625 62.175781 M 26.5 78.5 C 26.957031 79.875 28.535156 81 30 81 C 31.464844 81 33.042969 79.875 33.5 78.5 C 33.996094 77.011719 32.578125 76 30 76 C 27.421875 76 26.003906 77.011719 26.5 78.5 M 42.394531 86.5 L 43 97 L 63 97 L 64.210938 76 L 41.789062 76 L 42.394531 86.5 M 72.394531 86.5 L 73 97 L 93 97 L 94.210938 76 L 71.789062 76 L 72.394531 86.5 M 48 86 C 48 88.664062 49.335938 90 52 90 C 54.664062 90 56 88.664062 56 86 C 56 83.335938 54.664062 82 52 82 C 49.335938 82 48 83.335938 48 86 M 78 86 C 78 88.664062 79.335938 90 82 90 C 84.664062 90 86 88.664062 86 86 C 86 83.335938 84.664062 82 82 82 C 79.335938 82 78 83.335938 78 86 M 26.890625 92.175781 C 24.832031 95.511719 29.464844 99.335938 32.226562 96.574219 C 34.535156 94.265625 33.089844 90 30 90 C 29.03125 90 27.632812 90.976562 26.890625 92.175781 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/1.svg b/sdkjs-plugins/content/datepicker/resources/light/1.svg
new file mode 100644
index 00000000..fcb0acb6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/1.svg
@@ -0,0 +1,290 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 419.484 378.609" style="enable-background:new 0 0 419.484 378.609;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path style="fill:#FEE8D4;" d="M368.875,372.929H50.609c-24.475,0-44.317-19.841-44.317-44.317V82.139
+				c0-24.475,19.841-44.317,44.317-44.317h318.266c24.475,0,44.317,19.841,44.317,44.317v246.474
+				C413.191,353.088,393.35,372.929,368.875,372.929z"/>
+			<path style="fill:#84CFC6;" d="M413.191,117.952V81.662c0-24.212-19.628-43.84-43.84-43.84H50.132
+				c-24.212,0-43.84,19.628-43.84,43.84v36.291H413.191z"/>
+			<path style="opacity:0.63;fill:#CBCCCE;" d="M369.352,37.822H50.132c-24.212,0-43.84,19.628-43.84,43.84v247.427
+				c0,24.212,19.628,43.84,43.84,43.84h319.219c24.212,0,43.84-19.628,43.84-43.84V81.662
+				C413.192,57.45,393.564,37.822,369.352,37.822z M395.349,268.898c0,25.299-19.628,45.808-43.84,45.808H70.326
+				c-24.212,0-43.84-20.509-43.84-45.808V91.905c0-25.299,19.628-45.808,43.84-45.808h281.183c24.212,0,43.84,20.509,43.84,45.808
+				V268.898z"/>
+			<g>
+				<path style="opacity:0.63;fill:#CBCCCE;" d="M363.655,351.252H57.079c-23.253,0-42.104-18.22-42.104-40.695v13.138
+					c0,22.475,18.851,40.695,42.104,40.695h306.576c23.253,0,42.104-18.22,42.104-40.695v-13.138
+					C405.759,333.032,386.909,351.252,363.655,351.252z"/>
+			</g>
+			<g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 -9.9791 115.0937)" style="fill:#001239;" cx="67.883" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M72.853,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C81.612,71.533,77.69,75.454,72.853,75.454z"
+							/>
+						<path style="fill:#0087BE;" d="M69.301,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592C76.365,46.296,73.202,49.459,69.301,49.459z"
+							/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 212.5528 396.8905)" style="fill:#001239;" cx="357.572" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M362.541,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C371.3,71.533,367.379,75.454,362.541,75.454z
+							"/>
+						<path style="fill:#0087BE;" d="M358.989,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C366.054,46.296,362.891,49.459,358.989,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.1612 -0.9869 0.9869 0.1612 74.9027 215.8628)" style="fill:#001239;" cx="164.446" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M169.416,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C178.174,71.533,174.253,75.454,169.416,75.454z"/>
+						<path style="fill:#0087BE;" d="M165.864,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C172.928,46.296,169.765,49.459,165.864,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 31.2882 203.2669)" style="fill:#001239;" cx="261.009" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M265.978,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C274.737,71.533,270.816,75.454,265.978,75.454z"/>
+						<path style="fill:#0087BE;" d="M262.426,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C269.491,46.296,266.328,49.459,262.426,49.459z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path style="opacity:0.5;fill:#FFFFFF;" d="M44.299,45.849c0,0-25.562,3.195-30.583,24.193
+			c-5.021,20.998-5.934,84.447,3.195,82.165c9.129-2.282,2.739-60.71,11.868-79.882C37.908,53.152,48.407,48.131,44.299,45.849z"/>
+	</g>
+	<g>
+		<g>
+			<rect x="183.625" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,299.142h-52.804v-37.545h52.804V299.142z M184.595,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,299.142h-52.803v-37.545h52.803V299.142z M133.732,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,299.142H80.928v-37.545h52.803V299.142z M82.868,297.202h48.923v-33.665H82.868V297.202z
+				"/>
+		</g>
+		<g>
+			<rect x="81.898" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,263.538H80.928v-37.544h52.803V263.538z M82.868,261.598h48.923v-33.664H82.868V261.598z
+				"/>
+		</g>
+		<g>
+			<rect x="285.353" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,299.142h-52.804v-37.545h52.804V299.142z M286.323,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,227.933h-52.804v-37.545h52.804V227.933z M286.323,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,299.142h-52.803v-37.545h52.803V299.142z M235.459,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,192.328h-52.804v-37.544h52.804V192.328z M286.323,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,263.538h-52.804v-37.544h52.804V263.538z M286.323,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,227.933H80.928v-37.545h52.803V227.933z M82.868,225.993h48.923v-33.665H82.868V225.993z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,192.328h-52.803v-37.544h52.803V192.328z M133.732,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,263.538h-52.803v-37.544h52.803V263.538z M133.732,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,263.538h-52.804v-37.544h52.804V263.538z M184.595,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,227.933h-52.803v-37.545h52.803V227.933z M133.732,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,192.328H80.928v-37.544h52.803V192.328z M82.868,190.388h48.923v-33.664H82.868V190.388z
+				"/>
+		</g>
+		<g>
+			<rect x="183.625" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,227.933h-52.804v-37.545h52.804V227.933z M184.595,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,263.538h-52.803v-37.544h52.803V263.538z M235.459,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="155.754" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,192.328h-53.488v-37.544h53.488V192.328z M337.187,190.388h49.608v-33.664h-49.608
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,227.933h-52.803v-37.545h52.803V227.933z M235.459,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,192.328h-52.804v-37.544h52.804V192.328z M184.595,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,192.328h-52.803v-37.544h52.803V192.328z M235.459,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M133.732,156.724H80.928v-29.328h52.803V156.724z M82.868,154.784h48.923v-25.448H82.868V154.784z
+				"/>
+		</g>
+		<g>
+			<rect x="234.489" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M286.323,333.928h-52.803v-36.726h52.803V333.928z M235.459,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M235.459,333.928h-52.804v-36.726h52.804V333.928z M184.595,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M133.732,333.928H80.928v-36.726h52.803V333.928z M82.868,331.988h48.923v-32.846H82.868V331.988z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M184.595,333.928h-52.803v-36.726h52.803V333.928z M133.732,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="298.172" style="fill:#FFFFFF;" width="49.494" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M82.868,333.928H31.434v-36.726h51.435V333.928z M33.374,331.988h47.555v-32.846H33.374V331.988z"
+				/>
+		</g>
+		<g>
+			<rect x="285.353" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M337.187,333.928h-52.804v-36.726h52.804V333.928z M286.323,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="191.358" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,227.933h-53.488v-37.545h53.488V227.933z M337.187,225.993h49.608v-33.665h-49.608
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="298.172" style="fill:#FFFFFF;" width="51.549" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M388.735,333.928h-53.488v-36.726h53.488V333.928z M337.187,331.988h49.608v-32.846h-49.608
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="226.963" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,263.538h-53.488v-37.544h53.488V263.538z M337.187,261.598h49.608v-33.664h-49.608
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="262.568" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,299.142h-53.488v-37.545h53.488V299.142z M337.187,297.202h49.608v-33.665h-49.608
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M235.459,156.724h-52.804v-29.328h52.804V156.724z M184.595,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="262.568" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,299.142H31.434v-37.545h51.435V299.142z M33.374,297.202h47.555v-33.665H33.374V297.202z"
+				/>
+		</g>
+		<g>
+			<rect x="132.762" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M184.595,156.724h-52.803v-29.328h52.803V156.724z M133.732,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="128.366" style="fill:#D95125;" width="51.549" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M388.735,156.724h-53.488v-29.328h53.488V156.724z M337.187,154.784h49.608v-25.448h-49.608
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M337.187,156.724h-52.804v-29.328h52.804V156.724z M286.323,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M286.323,156.724h-52.803v-29.328h52.803V156.724z M235.459,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="226.963" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,263.538H31.434v-37.544h51.435V263.538z M33.374,261.598h47.555v-33.664H33.374V261.598z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="191.358" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,227.933H31.434v-37.545h51.435V227.933z M33.374,225.993h47.555v-33.665H33.374V225.993z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="128.366" style="fill:#8CA4D5;" width="49.494" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M82.868,156.724H31.434v-29.328h51.435V156.724z M33.374,154.784h47.555v-25.448H33.374V154.784z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="155.754" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,192.328H31.434v-37.544h51.435V192.328z M33.374,190.388h47.555v-33.664H33.374V190.388z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/2.svg b/sdkjs-plugins/content/datepicker/resources/light/2.svg
new file mode 100644
index 00000000..fcb0acb6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/2.svg
@@ -0,0 +1,290 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 419.484 378.609" style="enable-background:new 0 0 419.484 378.609;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path style="fill:#FEE8D4;" d="M368.875,372.929H50.609c-24.475,0-44.317-19.841-44.317-44.317V82.139
+				c0-24.475,19.841-44.317,44.317-44.317h318.266c24.475,0,44.317,19.841,44.317,44.317v246.474
+				C413.191,353.088,393.35,372.929,368.875,372.929z"/>
+			<path style="fill:#84CFC6;" d="M413.191,117.952V81.662c0-24.212-19.628-43.84-43.84-43.84H50.132
+				c-24.212,0-43.84,19.628-43.84,43.84v36.291H413.191z"/>
+			<path style="opacity:0.63;fill:#CBCCCE;" d="M369.352,37.822H50.132c-24.212,0-43.84,19.628-43.84,43.84v247.427
+				c0,24.212,19.628,43.84,43.84,43.84h319.219c24.212,0,43.84-19.628,43.84-43.84V81.662
+				C413.192,57.45,393.564,37.822,369.352,37.822z M395.349,268.898c0,25.299-19.628,45.808-43.84,45.808H70.326
+				c-24.212,0-43.84-20.509-43.84-45.808V91.905c0-25.299,19.628-45.808,43.84-45.808h281.183c24.212,0,43.84,20.509,43.84,45.808
+				V268.898z"/>
+			<g>
+				<path style="opacity:0.63;fill:#CBCCCE;" d="M363.655,351.252H57.079c-23.253,0-42.104-18.22-42.104-40.695v13.138
+					c0,22.475,18.851,40.695,42.104,40.695h306.576c23.253,0,42.104-18.22,42.104-40.695v-13.138
+					C405.759,333.032,386.909,351.252,363.655,351.252z"/>
+			</g>
+			<g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 -9.9791 115.0937)" style="fill:#001239;" cx="67.883" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M72.853,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C81.612,71.533,77.69,75.454,72.853,75.454z"
+							/>
+						<path style="fill:#0087BE;" d="M69.301,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592C76.365,46.296,73.202,49.459,69.301,49.459z"
+							/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 212.5528 396.8905)" style="fill:#001239;" cx="357.572" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M362.541,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C371.3,71.533,367.379,75.454,362.541,75.454z
+							"/>
+						<path style="fill:#0087BE;" d="M358.989,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C366.054,46.296,362.891,49.459,358.989,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.1612 -0.9869 0.9869 0.1612 74.9027 215.8628)" style="fill:#001239;" cx="164.446" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M169.416,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C178.174,71.533,174.253,75.454,169.416,75.454z"/>
+						<path style="fill:#0087BE;" d="M165.864,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C172.928,46.296,169.765,49.459,165.864,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 31.2882 203.2669)" style="fill:#001239;" cx="261.009" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M265.978,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C274.737,71.533,270.816,75.454,265.978,75.454z"/>
+						<path style="fill:#0087BE;" d="M262.426,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C269.491,46.296,266.328,49.459,262.426,49.459z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path style="opacity:0.5;fill:#FFFFFF;" d="M44.299,45.849c0,0-25.562,3.195-30.583,24.193
+			c-5.021,20.998-5.934,84.447,3.195,82.165c9.129-2.282,2.739-60.71,11.868-79.882C37.908,53.152,48.407,48.131,44.299,45.849z"/>
+	</g>
+	<g>
+		<g>
+			<rect x="183.625" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,299.142h-52.804v-37.545h52.804V299.142z M184.595,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,299.142h-52.803v-37.545h52.803V299.142z M133.732,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,299.142H80.928v-37.545h52.803V299.142z M82.868,297.202h48.923v-33.665H82.868V297.202z
+				"/>
+		</g>
+		<g>
+			<rect x="81.898" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,263.538H80.928v-37.544h52.803V263.538z M82.868,261.598h48.923v-33.664H82.868V261.598z
+				"/>
+		</g>
+		<g>
+			<rect x="285.353" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,299.142h-52.804v-37.545h52.804V299.142z M286.323,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,227.933h-52.804v-37.545h52.804V227.933z M286.323,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,299.142h-52.803v-37.545h52.803V299.142z M235.459,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,192.328h-52.804v-37.544h52.804V192.328z M286.323,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,263.538h-52.804v-37.544h52.804V263.538z M286.323,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,227.933H80.928v-37.545h52.803V227.933z M82.868,225.993h48.923v-33.665H82.868V225.993z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,192.328h-52.803v-37.544h52.803V192.328z M133.732,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,263.538h-52.803v-37.544h52.803V263.538z M133.732,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,263.538h-52.804v-37.544h52.804V263.538z M184.595,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,227.933h-52.803v-37.545h52.803V227.933z M133.732,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,192.328H80.928v-37.544h52.803V192.328z M82.868,190.388h48.923v-33.664H82.868V190.388z
+				"/>
+		</g>
+		<g>
+			<rect x="183.625" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,227.933h-52.804v-37.545h52.804V227.933z M184.595,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,263.538h-52.803v-37.544h52.803V263.538z M235.459,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="155.754" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,192.328h-53.488v-37.544h53.488V192.328z M337.187,190.388h49.608v-33.664h-49.608
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,227.933h-52.803v-37.545h52.803V227.933z M235.459,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,192.328h-52.804v-37.544h52.804V192.328z M184.595,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,192.328h-52.803v-37.544h52.803V192.328z M235.459,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M133.732,156.724H80.928v-29.328h52.803V156.724z M82.868,154.784h48.923v-25.448H82.868V154.784z
+				"/>
+		</g>
+		<g>
+			<rect x="234.489" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M286.323,333.928h-52.803v-36.726h52.803V333.928z M235.459,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M235.459,333.928h-52.804v-36.726h52.804V333.928z M184.595,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M133.732,333.928H80.928v-36.726h52.803V333.928z M82.868,331.988h48.923v-32.846H82.868V331.988z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M184.595,333.928h-52.803v-36.726h52.803V333.928z M133.732,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="298.172" style="fill:#FFFFFF;" width="49.494" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M82.868,333.928H31.434v-36.726h51.435V333.928z M33.374,331.988h47.555v-32.846H33.374V331.988z"
+				/>
+		</g>
+		<g>
+			<rect x="285.353" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M337.187,333.928h-52.804v-36.726h52.804V333.928z M286.323,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="191.358" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,227.933h-53.488v-37.545h53.488V227.933z M337.187,225.993h49.608v-33.665h-49.608
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="298.172" style="fill:#FFFFFF;" width="51.549" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M388.735,333.928h-53.488v-36.726h53.488V333.928z M337.187,331.988h49.608v-32.846h-49.608
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="226.963" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,263.538h-53.488v-37.544h53.488V263.538z M337.187,261.598h49.608v-33.664h-49.608
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="262.568" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,299.142h-53.488v-37.545h53.488V299.142z M337.187,297.202h49.608v-33.665h-49.608
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M235.459,156.724h-52.804v-29.328h52.804V156.724z M184.595,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="262.568" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,299.142H31.434v-37.545h51.435V299.142z M33.374,297.202h47.555v-33.665H33.374V297.202z"
+				/>
+		</g>
+		<g>
+			<rect x="132.762" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M184.595,156.724h-52.803v-29.328h52.803V156.724z M133.732,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="128.366" style="fill:#D95125;" width="51.549" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M388.735,156.724h-53.488v-29.328h53.488V156.724z M337.187,154.784h49.608v-25.448h-49.608
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M337.187,156.724h-52.804v-29.328h52.804V156.724z M286.323,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M286.323,156.724h-52.803v-29.328h52.803V156.724z M235.459,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="226.963" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,263.538H31.434v-37.544h51.435V263.538z M33.374,261.598h47.555v-33.664H33.374V261.598z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="191.358" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,227.933H31.434v-37.545h51.435V227.933z M33.374,225.993h47.555v-33.665H33.374V225.993z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="128.366" style="fill:#8CA4D5;" width="49.494" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M82.868,156.724H31.434v-29.328h51.435V156.724z M33.374,154.784h47.555v-25.448H33.374V154.784z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="155.754" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,192.328H31.434v-37.544h51.435V192.328z M33.374,190.388h47.555v-33.664H33.374V190.388z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/3.svg b/sdkjs-plugins/content/datepicker/resources/light/3.svg
new file mode 100644
index 00000000..fcb0acb6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/3.svg
@@ -0,0 +1,290 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 419.484 378.609" style="enable-background:new 0 0 419.484 378.609;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path style="fill:#FEE8D4;" d="M368.875,372.929H50.609c-24.475,0-44.317-19.841-44.317-44.317V82.139
+				c0-24.475,19.841-44.317,44.317-44.317h318.266c24.475,0,44.317,19.841,44.317,44.317v246.474
+				C413.191,353.088,393.35,372.929,368.875,372.929z"/>
+			<path style="fill:#84CFC6;" d="M413.191,117.952V81.662c0-24.212-19.628-43.84-43.84-43.84H50.132
+				c-24.212,0-43.84,19.628-43.84,43.84v36.291H413.191z"/>
+			<path style="opacity:0.63;fill:#CBCCCE;" d="M369.352,37.822H50.132c-24.212,0-43.84,19.628-43.84,43.84v247.427
+				c0,24.212,19.628,43.84,43.84,43.84h319.219c24.212,0,43.84-19.628,43.84-43.84V81.662
+				C413.192,57.45,393.564,37.822,369.352,37.822z M395.349,268.898c0,25.299-19.628,45.808-43.84,45.808H70.326
+				c-24.212,0-43.84-20.509-43.84-45.808V91.905c0-25.299,19.628-45.808,43.84-45.808h281.183c24.212,0,43.84,20.509,43.84,45.808
+				V268.898z"/>
+			<g>
+				<path style="opacity:0.63;fill:#CBCCCE;" d="M363.655,351.252H57.079c-23.253,0-42.104-18.22-42.104-40.695v13.138
+					c0,22.475,18.851,40.695,42.104,40.695h306.576c23.253,0,42.104-18.22,42.104-40.695v-13.138
+					C405.759,333.032,386.909,351.252,363.655,351.252z"/>
+			</g>
+			<g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 -9.9791 115.0937)" style="fill:#001239;" cx="67.883" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M72.853,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C81.612,71.533,77.69,75.454,72.853,75.454z"
+							/>
+						<path style="fill:#0087BE;" d="M69.301,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592C76.365,46.296,73.202,49.459,69.301,49.459z"
+							/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 212.5528 396.8905)" style="fill:#001239;" cx="357.572" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M362.541,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C371.3,71.533,367.379,75.454,362.541,75.454z
+							"/>
+						<path style="fill:#0087BE;" d="M358.989,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C366.054,46.296,362.891,49.459,358.989,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.1612 -0.9869 0.9869 0.1612 74.9027 215.8628)" style="fill:#001239;" cx="164.446" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M169.416,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C178.174,71.533,174.253,75.454,169.416,75.454z"/>
+						<path style="fill:#0087BE;" d="M165.864,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C172.928,46.296,169.765,49.459,165.864,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 31.2882 203.2669)" style="fill:#001239;" cx="261.009" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M265.978,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C274.737,71.533,270.816,75.454,265.978,75.454z"/>
+						<path style="fill:#0087BE;" d="M262.426,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C269.491,46.296,266.328,49.459,262.426,49.459z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path style="opacity:0.5;fill:#FFFFFF;" d="M44.299,45.849c0,0-25.562,3.195-30.583,24.193
+			c-5.021,20.998-5.934,84.447,3.195,82.165c9.129-2.282,2.739-60.71,11.868-79.882C37.908,53.152,48.407,48.131,44.299,45.849z"/>
+	</g>
+	<g>
+		<g>
+			<rect x="183.625" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,299.142h-52.804v-37.545h52.804V299.142z M184.595,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,299.142h-52.803v-37.545h52.803V299.142z M133.732,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,299.142H80.928v-37.545h52.803V299.142z M82.868,297.202h48.923v-33.665H82.868V297.202z
+				"/>
+		</g>
+		<g>
+			<rect x="81.898" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,263.538H80.928v-37.544h52.803V263.538z M82.868,261.598h48.923v-33.664H82.868V261.598z
+				"/>
+		</g>
+		<g>
+			<rect x="285.353" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,299.142h-52.804v-37.545h52.804V299.142z M286.323,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,227.933h-52.804v-37.545h52.804V227.933z M286.323,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,299.142h-52.803v-37.545h52.803V299.142z M235.459,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,192.328h-52.804v-37.544h52.804V192.328z M286.323,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,263.538h-52.804v-37.544h52.804V263.538z M286.323,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,227.933H80.928v-37.545h52.803V227.933z M82.868,225.993h48.923v-33.665H82.868V225.993z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,192.328h-52.803v-37.544h52.803V192.328z M133.732,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,263.538h-52.803v-37.544h52.803V263.538z M133.732,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,263.538h-52.804v-37.544h52.804V263.538z M184.595,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,227.933h-52.803v-37.545h52.803V227.933z M133.732,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,192.328H80.928v-37.544h52.803V192.328z M82.868,190.388h48.923v-33.664H82.868V190.388z
+				"/>
+		</g>
+		<g>
+			<rect x="183.625" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,227.933h-52.804v-37.545h52.804V227.933z M184.595,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,263.538h-52.803v-37.544h52.803V263.538z M235.459,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="155.754" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,192.328h-53.488v-37.544h53.488V192.328z M337.187,190.388h49.608v-33.664h-49.608
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,227.933h-52.803v-37.545h52.803V227.933z M235.459,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,192.328h-52.804v-37.544h52.804V192.328z M184.595,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,192.328h-52.803v-37.544h52.803V192.328z M235.459,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M133.732,156.724H80.928v-29.328h52.803V156.724z M82.868,154.784h48.923v-25.448H82.868V154.784z
+				"/>
+		</g>
+		<g>
+			<rect x="234.489" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M286.323,333.928h-52.803v-36.726h52.803V333.928z M235.459,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M235.459,333.928h-52.804v-36.726h52.804V333.928z M184.595,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M133.732,333.928H80.928v-36.726h52.803V333.928z M82.868,331.988h48.923v-32.846H82.868V331.988z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M184.595,333.928h-52.803v-36.726h52.803V333.928z M133.732,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="298.172" style="fill:#FFFFFF;" width="49.494" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M82.868,333.928H31.434v-36.726h51.435V333.928z M33.374,331.988h47.555v-32.846H33.374V331.988z"
+				/>
+		</g>
+		<g>
+			<rect x="285.353" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M337.187,333.928h-52.804v-36.726h52.804V333.928z M286.323,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="191.358" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,227.933h-53.488v-37.545h53.488V227.933z M337.187,225.993h49.608v-33.665h-49.608
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="298.172" style="fill:#FFFFFF;" width="51.549" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M388.735,333.928h-53.488v-36.726h53.488V333.928z M337.187,331.988h49.608v-32.846h-49.608
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="226.963" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,263.538h-53.488v-37.544h53.488V263.538z M337.187,261.598h49.608v-33.664h-49.608
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="262.568" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,299.142h-53.488v-37.545h53.488V299.142z M337.187,297.202h49.608v-33.665h-49.608
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M235.459,156.724h-52.804v-29.328h52.804V156.724z M184.595,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="262.568" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,299.142H31.434v-37.545h51.435V299.142z M33.374,297.202h47.555v-33.665H33.374V297.202z"
+				/>
+		</g>
+		<g>
+			<rect x="132.762" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M184.595,156.724h-52.803v-29.328h52.803V156.724z M133.732,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="128.366" style="fill:#D95125;" width="51.549" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M388.735,156.724h-53.488v-29.328h53.488V156.724z M337.187,154.784h49.608v-25.448h-49.608
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M337.187,156.724h-52.804v-29.328h52.804V156.724z M286.323,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M286.323,156.724h-52.803v-29.328h52.803V156.724z M235.459,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="226.963" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,263.538H31.434v-37.544h51.435V263.538z M33.374,261.598h47.555v-33.664H33.374V261.598z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="191.358" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,227.933H31.434v-37.545h51.435V227.933z M33.374,225.993h47.555v-33.665H33.374V225.993z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="128.366" style="fill:#8CA4D5;" width="49.494" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M82.868,156.724H31.434v-29.328h51.435V156.724z M33.374,154.784h47.555v-25.448H33.374V154.784z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="155.754" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,192.328H31.434v-37.544h51.435V192.328z M33.374,190.388h47.555v-33.664H33.374V190.388z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/4.svg b/sdkjs-plugins/content/datepicker/resources/light/4.svg
new file mode 100644
index 00000000..fcb0acb6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/4.svg
@@ -0,0 +1,290 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 419.484 378.609" style="enable-background:new 0 0 419.484 378.609;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path style="fill:#FEE8D4;" d="M368.875,372.929H50.609c-24.475,0-44.317-19.841-44.317-44.317V82.139
+				c0-24.475,19.841-44.317,44.317-44.317h318.266c24.475,0,44.317,19.841,44.317,44.317v246.474
+				C413.191,353.088,393.35,372.929,368.875,372.929z"/>
+			<path style="fill:#84CFC6;" d="M413.191,117.952V81.662c0-24.212-19.628-43.84-43.84-43.84H50.132
+				c-24.212,0-43.84,19.628-43.84,43.84v36.291H413.191z"/>
+			<path style="opacity:0.63;fill:#CBCCCE;" d="M369.352,37.822H50.132c-24.212,0-43.84,19.628-43.84,43.84v247.427
+				c0,24.212,19.628,43.84,43.84,43.84h319.219c24.212,0,43.84-19.628,43.84-43.84V81.662
+				C413.192,57.45,393.564,37.822,369.352,37.822z M395.349,268.898c0,25.299-19.628,45.808-43.84,45.808H70.326
+				c-24.212,0-43.84-20.509-43.84-45.808V91.905c0-25.299,19.628-45.808,43.84-45.808h281.183c24.212,0,43.84,20.509,43.84,45.808
+				V268.898z"/>
+			<g>
+				<path style="opacity:0.63;fill:#CBCCCE;" d="M363.655,351.252H57.079c-23.253,0-42.104-18.22-42.104-40.695v13.138
+					c0,22.475,18.851,40.695,42.104,40.695h306.576c23.253,0,42.104-18.22,42.104-40.695v-13.138
+					C405.759,333.032,386.909,351.252,363.655,351.252z"/>
+			</g>
+			<g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 -9.9791 115.0937)" style="fill:#001239;" cx="67.883" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M72.853,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C81.612,71.533,77.69,75.454,72.853,75.454z"
+							/>
+						<path style="fill:#0087BE;" d="M69.301,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592C76.365,46.296,73.202,49.459,69.301,49.459z"
+							/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 212.5528 396.8905)" style="fill:#001239;" cx="357.572" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M362.541,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C371.3,71.533,367.379,75.454,362.541,75.454z
+							"/>
+						<path style="fill:#0087BE;" d="M358.989,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C366.054,46.296,362.891,49.459,358.989,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.1612 -0.9869 0.9869 0.1612 74.9027 215.8628)" style="fill:#001239;" cx="164.446" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M169.416,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C178.174,71.533,174.253,75.454,169.416,75.454z"/>
+						<path style="fill:#0087BE;" d="M165.864,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C172.928,46.296,169.765,49.459,165.864,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 31.2882 203.2669)" style="fill:#001239;" cx="261.009" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M265.978,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C274.737,71.533,270.816,75.454,265.978,75.454z"/>
+						<path style="fill:#0087BE;" d="M262.426,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C269.491,46.296,266.328,49.459,262.426,49.459z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path style="opacity:0.5;fill:#FFFFFF;" d="M44.299,45.849c0,0-25.562,3.195-30.583,24.193
+			c-5.021,20.998-5.934,84.447,3.195,82.165c9.129-2.282,2.739-60.71,11.868-79.882C37.908,53.152,48.407,48.131,44.299,45.849z"/>
+	</g>
+	<g>
+		<g>
+			<rect x="183.625" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,299.142h-52.804v-37.545h52.804V299.142z M184.595,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,299.142h-52.803v-37.545h52.803V299.142z M133.732,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,299.142H80.928v-37.545h52.803V299.142z M82.868,297.202h48.923v-33.665H82.868V297.202z
+				"/>
+		</g>
+		<g>
+			<rect x="81.898" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,263.538H80.928v-37.544h52.803V263.538z M82.868,261.598h48.923v-33.664H82.868V261.598z
+				"/>
+		</g>
+		<g>
+			<rect x="285.353" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,299.142h-52.804v-37.545h52.804V299.142z M286.323,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,227.933h-52.804v-37.545h52.804V227.933z M286.323,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,299.142h-52.803v-37.545h52.803V299.142z M235.459,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,192.328h-52.804v-37.544h52.804V192.328z M286.323,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,263.538h-52.804v-37.544h52.804V263.538z M286.323,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,227.933H80.928v-37.545h52.803V227.933z M82.868,225.993h48.923v-33.665H82.868V225.993z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,192.328h-52.803v-37.544h52.803V192.328z M133.732,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,263.538h-52.803v-37.544h52.803V263.538z M133.732,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,263.538h-52.804v-37.544h52.804V263.538z M184.595,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,227.933h-52.803v-37.545h52.803V227.933z M133.732,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,192.328H80.928v-37.544h52.803V192.328z M82.868,190.388h48.923v-33.664H82.868V190.388z
+				"/>
+		</g>
+		<g>
+			<rect x="183.625" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,227.933h-52.804v-37.545h52.804V227.933z M184.595,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,263.538h-52.803v-37.544h52.803V263.538z M235.459,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="155.754" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,192.328h-53.488v-37.544h53.488V192.328z M337.187,190.388h49.608v-33.664h-49.608
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,227.933h-52.803v-37.545h52.803V227.933z M235.459,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,192.328h-52.804v-37.544h52.804V192.328z M184.595,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,192.328h-52.803v-37.544h52.803V192.328z M235.459,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M133.732,156.724H80.928v-29.328h52.803V156.724z M82.868,154.784h48.923v-25.448H82.868V154.784z
+				"/>
+		</g>
+		<g>
+			<rect x="234.489" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M286.323,333.928h-52.803v-36.726h52.803V333.928z M235.459,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M235.459,333.928h-52.804v-36.726h52.804V333.928z M184.595,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M133.732,333.928H80.928v-36.726h52.803V333.928z M82.868,331.988h48.923v-32.846H82.868V331.988z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M184.595,333.928h-52.803v-36.726h52.803V333.928z M133.732,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="298.172" style="fill:#FFFFFF;" width="49.494" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M82.868,333.928H31.434v-36.726h51.435V333.928z M33.374,331.988h47.555v-32.846H33.374V331.988z"
+				/>
+		</g>
+		<g>
+			<rect x="285.353" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M337.187,333.928h-52.804v-36.726h52.804V333.928z M286.323,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="191.358" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,227.933h-53.488v-37.545h53.488V227.933z M337.187,225.993h49.608v-33.665h-49.608
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="298.172" style="fill:#FFFFFF;" width="51.549" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M388.735,333.928h-53.488v-36.726h53.488V333.928z M337.187,331.988h49.608v-32.846h-49.608
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="226.963" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,263.538h-53.488v-37.544h53.488V263.538z M337.187,261.598h49.608v-33.664h-49.608
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="262.568" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,299.142h-53.488v-37.545h53.488V299.142z M337.187,297.202h49.608v-33.665h-49.608
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M235.459,156.724h-52.804v-29.328h52.804V156.724z M184.595,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="262.568" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,299.142H31.434v-37.545h51.435V299.142z M33.374,297.202h47.555v-33.665H33.374V297.202z"
+				/>
+		</g>
+		<g>
+			<rect x="132.762" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M184.595,156.724h-52.803v-29.328h52.803V156.724z M133.732,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="128.366" style="fill:#D95125;" width="51.549" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M388.735,156.724h-53.488v-29.328h53.488V156.724z M337.187,154.784h49.608v-25.448h-49.608
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M337.187,156.724h-52.804v-29.328h52.804V156.724z M286.323,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M286.323,156.724h-52.803v-29.328h52.803V156.724z M235.459,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="226.963" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,263.538H31.434v-37.544h51.435V263.538z M33.374,261.598h47.555v-33.664H33.374V261.598z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="191.358" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,227.933H31.434v-37.545h51.435V227.933z M33.374,225.993h47.555v-33.665H33.374V225.993z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="128.366" style="fill:#8CA4D5;" width="49.494" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M82.868,156.724H31.434v-29.328h51.435V156.724z M33.374,154.784h47.555v-25.448H33.374V154.784z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="155.754" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,192.328H31.434v-37.544h51.435V192.328z M33.374,190.388h47.555v-33.664H33.374V190.388z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/5.svg b/sdkjs-plugins/content/datepicker/resources/light/5.svg
new file mode 100644
index 00000000..fcb0acb6
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/5.svg
@@ -0,0 +1,290 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 419.484 378.609" style="enable-background:new 0 0 419.484 378.609;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path style="fill:#FEE8D4;" d="M368.875,372.929H50.609c-24.475,0-44.317-19.841-44.317-44.317V82.139
+				c0-24.475,19.841-44.317,44.317-44.317h318.266c24.475,0,44.317,19.841,44.317,44.317v246.474
+				C413.191,353.088,393.35,372.929,368.875,372.929z"/>
+			<path style="fill:#84CFC6;" d="M413.191,117.952V81.662c0-24.212-19.628-43.84-43.84-43.84H50.132
+				c-24.212,0-43.84,19.628-43.84,43.84v36.291H413.191z"/>
+			<path style="opacity:0.63;fill:#CBCCCE;" d="M369.352,37.822H50.132c-24.212,0-43.84,19.628-43.84,43.84v247.427
+				c0,24.212,19.628,43.84,43.84,43.84h319.219c24.212,0,43.84-19.628,43.84-43.84V81.662
+				C413.192,57.45,393.564,37.822,369.352,37.822z M395.349,268.898c0,25.299-19.628,45.808-43.84,45.808H70.326
+				c-24.212,0-43.84-20.509-43.84-45.808V91.905c0-25.299,19.628-45.808,43.84-45.808h281.183c24.212,0,43.84,20.509,43.84,45.808
+				V268.898z"/>
+			<g>
+				<path style="opacity:0.63;fill:#CBCCCE;" d="M363.655,351.252H57.079c-23.253,0-42.104-18.22-42.104-40.695v13.138
+					c0,22.475,18.851,40.695,42.104,40.695h306.576c23.253,0,42.104-18.22,42.104-40.695v-13.138
+					C405.759,333.032,386.909,351.252,363.655,351.252z"/>
+			</g>
+			<g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 -9.9791 115.0937)" style="fill:#001239;" cx="67.883" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M72.853,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C81.612,71.533,77.69,75.454,72.853,75.454z"
+							/>
+						<path style="fill:#0087BE;" d="M69.301,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592C76.365,46.296,73.202,49.459,69.301,49.459z"
+							/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.2318 -0.9728 0.9728 0.2318 212.5528 396.8905)" style="fill:#001239;" cx="357.572" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M362.541,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258C371.3,71.533,367.379,75.454,362.541,75.454z
+							"/>
+						<path style="fill:#0087BE;" d="M358.989,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C366.054,46.296,362.891,49.459,358.989,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.1612 -0.9869 0.9869 0.1612 74.9027 215.8628)" style="fill:#001239;" cx="164.446" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M169.416,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C178.174,71.533,174.253,75.454,169.416,75.454z"/>
+						<path style="fill:#0087BE;" d="M165.864,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C172.928,46.296,169.765,49.459,165.864,49.459z"/>
+					</g>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 31.2882 203.2669)" style="fill:#001239;" cx="261.009" cy="63.865" rx="20.888" ry="20.888"/>
+					<g>
+						<path style="fill:#004F8A;" d="M265.978,75.454h-9.939c-4.837,0-8.759-3.921-8.759-8.759V14.438
+							c0-4.837,3.921-8.759,8.759-8.759h9.939c4.837,0,8.759,3.921,8.759,8.759v52.258
+							C274.737,71.533,270.816,75.454,265.978,75.454z"/>
+						<path style="fill:#0087BE;" d="M262.426,49.459h-5.594c-3.902,0-7.065-3.163-7.065-7.065V16.802
+							c0-3.902,3.163-7.065,7.065-7.065h5.594c3.902,0,7.065,3.163,7.065,7.065v25.592
+							C269.491,46.296,266.328,49.459,262.426,49.459z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path style="opacity:0.5;fill:#FFFFFF;" d="M44.299,45.849c0,0-25.562,3.195-30.583,24.193
+			c-5.021,20.998-5.934,84.447,3.195,82.165c9.129-2.282,2.739-60.71,11.868-79.882C37.908,53.152,48.407,48.131,44.299,45.849z"/>
+	</g>
+	<g>
+		<g>
+			<rect x="183.625" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,299.142h-52.804v-37.545h52.804V299.142z M184.595,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,299.142h-52.803v-37.545h52.803V299.142z M133.732,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,299.142H80.928v-37.545h52.803V299.142z M82.868,297.202h48.923v-33.665H82.868V297.202z
+				"/>
+		</g>
+		<g>
+			<rect x="81.898" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,263.538H80.928v-37.544h52.803V263.538z M82.868,261.598h48.923v-33.664H82.868V261.598z
+				"/>
+		</g>
+		<g>
+			<rect x="285.353" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,299.142h-52.804v-37.545h52.804V299.142z M286.323,297.202h48.924v-33.665h-48.924
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,227.933h-52.804v-37.545h52.804V227.933z M286.323,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="262.568" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,299.142h-52.803v-37.545h52.803V299.142z M235.459,297.202h48.923v-33.665h-48.923
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,192.328h-52.804v-37.544h52.804V192.328z M286.323,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M337.187,263.538h-52.804v-37.544h52.804V263.538z M286.323,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,227.933H80.928v-37.545h52.803V227.933z M82.868,225.993h48.923v-33.665H82.868V225.993z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,192.328h-52.803v-37.544h52.803V192.328z M133.732,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,263.538h-52.803v-37.544h52.803V263.538z M133.732,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,263.538h-52.804v-37.544h52.804V263.538z M184.595,261.598h48.924v-33.664h-48.924
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="132.762" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M184.595,227.933h-52.803v-37.545h52.803V227.933z M133.732,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M133.732,192.328H80.928v-37.544h52.803V192.328z M82.868,190.388h48.923v-33.664H82.868V190.388z
+				"/>
+		</g>
+		<g>
+			<rect x="183.625" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,227.933h-52.804v-37.545h52.804V227.933z M184.595,225.993h48.924v-33.665h-48.924
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="226.963" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,263.538h-52.803v-37.544h52.803V263.538z M235.459,261.598h48.923v-33.664h-48.923
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="155.754" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,192.328h-53.488v-37.544h53.488V192.328z M337.187,190.388h49.608v-33.664h-49.608
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="191.358" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,227.933h-52.803v-37.545h52.803V227.933z M235.459,225.993h48.923v-33.665h-48.923
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M235.459,192.328h-52.804v-37.544h52.804V192.328z M184.595,190.388h48.924v-33.664h-48.924
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="155.754" style="fill:#FFFFFF;" width="50.864" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M286.323,192.328h-52.803v-37.544h52.803V192.328z M235.459,190.388h48.923v-33.664h-48.923
+				V190.388z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M133.732,156.724H80.928v-29.328h52.803V156.724z M82.868,154.784h48.923v-25.448H82.868V154.784z
+				"/>
+		</g>
+		<g>
+			<rect x="234.489" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M286.323,333.928h-52.803v-36.726h52.803V333.928z M235.459,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M235.459,333.928h-52.804v-36.726h52.804V333.928z M184.595,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="81.898" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M133.732,333.928H80.928v-36.726h52.803V333.928z M82.868,331.988h48.923v-32.846H82.868V331.988z
+				"/>
+		</g>
+		<g>
+			<rect x="132.762" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M184.595,333.928h-52.803v-36.726h52.803V333.928z M133.732,331.988h48.923v-32.846h-48.923
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="298.172" style="fill:#FFFFFF;" width="49.494" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M82.868,333.928H31.434v-36.726h51.435V333.928z M33.374,331.988h47.555v-32.846H33.374V331.988z"
+				/>
+		</g>
+		<g>
+			<rect x="285.353" y="298.172" style="fill:#FFFFFF;" width="50.864" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M337.187,333.928h-52.804v-36.726h52.804V333.928z M286.323,331.988h48.924v-32.846h-48.924
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="191.358" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,227.933h-53.488v-37.545h53.488V227.933z M337.187,225.993h49.608v-33.665h-49.608
+				V225.993z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="298.172" style="fill:#FFFFFF;" width="51.549" height="34.786"/>
+			<path style="fill:#E8DFDB;" d="M388.735,333.928h-53.488v-36.726h53.488V333.928z M337.187,331.988h49.608v-32.846h-49.608
+				V331.988z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="226.963" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,263.538h-53.488v-37.544h53.488V263.538z M337.187,261.598h49.608v-33.664h-49.608
+				V261.598z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="262.568" style="fill:#FFFFFF;" width="51.549" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M388.735,299.142h-53.488v-37.545h53.488V299.142z M337.187,297.202h49.608v-33.665h-49.608
+				V297.202z"/>
+		</g>
+		<g>
+			<rect x="183.625" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M235.459,156.724h-52.804v-29.328h52.804V156.724z M184.595,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="262.568" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,299.142H31.434v-37.545h51.435V299.142z M33.374,297.202h47.555v-33.665H33.374V297.202z"
+				/>
+		</g>
+		<g>
+			<rect x="132.762" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M184.595,156.724h-52.803v-29.328h52.803V156.724z M133.732,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="336.217" y="128.366" style="fill:#D95125;" width="51.549" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M388.735,156.724h-53.488v-29.328h53.488V156.724z M337.187,154.784h49.608v-25.448h-49.608
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="285.353" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M337.187,156.724h-52.804v-29.328h52.804V156.724z M286.323,154.784h48.924v-25.448h-48.924
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="234.489" y="128.366" style="fill:#8CA4D5;" width="50.864" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M286.323,156.724h-52.803v-29.328h52.803V156.724z M235.459,154.784h48.923v-25.448h-48.923
+				V154.784z"/>
+		</g>
+		<g>
+			<rect x="32.403" y="226.963" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,263.538H31.434v-37.544h51.435V263.538z M33.374,261.598h47.555v-33.664H33.374V261.598z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="191.358" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,227.933H31.434v-37.545h51.435V227.933z M33.374,225.993h47.555v-33.665H33.374V225.993z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="128.366" style="fill:#8CA4D5;" width="49.494" height="27.388"/>
+			<path style="fill:#C1D1D9;" d="M82.868,156.724H31.434v-29.328h51.435V156.724z M33.374,154.784h47.555v-25.448H33.374V154.784z"
+				/>
+		</g>
+		<g>
+			<rect x="32.403" y="155.754" style="fill:#FFFFFF;" width="49.494" height="35.605"/>
+			<path style="fill:#E8DFDB;" d="M82.868,192.328H31.434v-37.544h51.435V192.328z M33.374,190.388h47.555v-33.664H33.374V190.388z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon.svg b/sdkjs-plugins/content/datepicker/resources/light/icon.svg
new file mode 100644
index 00000000..6c6189ba
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" version="1.1"><path d="M 13.304 4.946 C 12.939 6.343, 11.767 6.977, 9.148 7.196 L 5.500 7.500 5.500 32 L 5.500 56.500 30 56.500 L 54.500 56.500 54.790 48.250 C 54.975 43.017, 54.700 40, 54.040 40 C 53.468 40, 52.663 39.992, 52.250 39.983 C 51.837 39.974, 51.275 42.786, 51 46.233 L 50.500 52.500 30 52.500 L 9.500 52.500 9.226 35.750 L 8.952 19 29.976 19 L 51 19 51 22.573 C 51 25.438, 51.347 26.080, 52.750 25.810 C 54.262 25.518, 54.500 24.250, 54.500 16.486 L 54.500 7.500 50.852 7.196 C 48.233 6.977, 47.061 6.343, 46.696 4.946 C 46.033 2.411, 43.958 2.444, 43.290 5 C 42.801 6.868, 41.926 7, 30 7 C 18.074 7, 17.199 6.868, 16.710 5 C 16.042 2.444, 13.967 2.411, 13.304 4.946 M 11 13 C 11 13.550, 11.702 14, 12.559 14 C 13.416 14, 13.840 13.550, 13.500 13 C 13.160 12.450, 12.459 12, 11.941 12 C 11.423 12, 11 12.450, 11 13 M 16.500 13 C 16.099 13.649, 20.843 14, 30 14 C 39.157 14, 43.901 13.649, 43.500 13 C 42.679 11.671, 17.321 11.671, 16.500 13 M 46.500 13 C 46.160 13.550, 46.809 14, 47.941 14 C 49.073 14, 50 13.550, 50 13 C 50 12.450, 49.352 12, 48.559 12 C 47.766 12, 46.840 12.450, 46.500 13 M 13.250 24.250 C 13.479 24.938, 14.267 25.500, 15 25.500 C 15.733 25.500, 16.521 24.938, 16.750 24.250 C 16.998 23.506, 16.289 23, 15 23 C 13.711 23, 13.002 23.506, 13.250 24.250 M 21 24.500 C 21 25.325, 21.675 26, 22.500 26 C 23.325 26, 24 25.325, 24 24.500 C 24 23.675, 23.325 23, 22.500 23 C 21.675 23, 21 23.675, 21 24.500 M 28.250 24.250 C 28.479 24.938, 29.267 25.500, 30 25.500 C 30.733 25.500, 31.521 24.938, 31.750 24.250 C 31.998 23.506, 31.289 23, 30 23 C 28.711 23, 28.002 23.506, 28.250 24.250 M 36 24.500 C 36 25.325, 36.675 26, 37.500 26 C 38.325 26, 39 25.325, 39 24.500 C 39 23.675, 38.325 23, 37.500 23 C 36.675 23, 36 23.675, 36 24.500 M 43.250 24.250 C 43.479 24.938, 44.267 25.500, 45 25.500 C 45.733 25.500, 46.521 24.938, 46.750 24.250 C 46.998 23.506, 46.289 23, 45 23 C 43.711 23, 43.002 23.506, 43.250 24.250 M 51.473 29.044 C 50.568 30.508, 51.884 31.982, 53.532 31.349 C 54.339 31.040, 55 30.432, 55 30 C 55 28.761, 52.129 27.982, 51.473 29.044 M 13.446 31.087 C 12.416 32.755, 14.733 34.667, 16.113 33.287 C 17.267 32.133, 16.545 30, 15 30 C 14.515 30, 13.816 30.489, 13.446 31.087 M 21.177 31.553 C 21.629 33.725, 23.404 33.858, 23.810 31.750 C 24.020 30.655, 23.530 30, 22.500 30 C 21.539 30, 20.988 30.647, 21.177 31.553 M 28.446 31.087 C 27.416 32.755, 29.733 34.667, 31.113 33.287 C 32.267 32.133, 31.545 30, 30 30 C 29.515 30, 28.816 30.489, 28.446 31.087 M 36.177 31.553 C 36.629 33.725, 38.404 33.858, 38.810 31.750 C 39.020 30.655, 38.530 30, 37.500 30 C 36.539 30, 35.988 30.647, 36.177 31.553 M 43.446 31.087 C 42.416 32.755, 44.733 34.667, 46.113 33.287 C 47.267 32.133, 46.545 30, 45 30 C 44.515 30, 43.816 30.489, 43.446 31.087 M 51 35.427 C 51 36.354, 51.855 37, 53.083 37 C 55.520 37, 55.176 34.663, 52.667 34.177 C 51.680 33.985, 51 34.495, 51 35.427 M 13.250 39.250 C 13.479 39.938, 14.267 40.500, 15 40.500 C 15.733 40.500, 16.521 39.938, 16.750 39.250 C 16.998 38.506, 16.289 38, 15 38 C 13.711 38, 13.002 38.506, 13.250 39.250 M 21.198 43.250 L 21.500 48.500 26.500 48.500 L 31.500 48.500 31.802 43.250 L 32.105 38 26.500 38 L 20.895 38 21.198 43.250 M 36.198 43.250 L 36.500 48.500 41.500 48.500 L 46.500 48.500 46.802 43.250 L 47.105 38 41.500 38 L 35.895 38 36.198 43.250 M 24 43 C 24 44.333, 24.667 45, 26 45 C 27.333 45, 28 44.333, 28 43 C 28 41.667, 27.333 41, 26 41 C 24.667 41, 24 41.667, 24 43 M 39 43 C 39 44.333, 39.667 45, 41 45 C 42.333 45, 43 44.333, 43 43 C 43 41.667, 42.333 41, 41 41 C 39.667 41, 39 41.667, 39 43 M 13.446 46.087 C 12.416 47.755, 14.733 49.667, 16.113 48.287 C 17.267 47.133, 16.545 45, 15 45 C 14.515 45, 13.816 45.489, 13.446 46.087" stroke="none" fill="#356077" fill-rule="evenodd"/><path d="M 11 13 C 11 13.550, 11.702 14, 12.559 14 C 13.416 14, 13.840 13.550, 13.500 13 C 13.160 12.450, 12.459 12, 11.941 12 C 11.423 12, 11 12.450, 11 13 M 16.500 13 C 16.099 13.649, 20.843 14, 30 14 C 39.157 14, 43.901 13.649, 43.500 13 C 42.679 11.671, 17.321 11.671, 16.500 13 M 46.500 13 C 46.160 13.550, 46.809 14, 47.941 14 C 49.073 14, 50 13.550, 50 13 C 50 12.450, 49.352 12, 48.559 12 C 47.766 12, 46.840 12.450, 46.500 13 M 9.226 35.750 L 9.500 52.500 30 52.500 L 50.500 52.500 51 46 C 51.422 40.514, 51.773 39.546, 53.250 39.794 C 54.288 39.968, 55 39.459, 55 38.544 C 55 37.667, 54.136 37, 53 37 C 51.825 37, 51 36.333, 51 35.383 C 51 34.259, 51.609 33.926, 53 34.290 C 54.495 34.681, 55 34.320, 55 32.863 C 55 31.560, 54.419 31.010, 53.250 31.206 C 52.231 31.377, 51.500 30.874, 51.500 30 C 51.500 29.126, 52.231 28.623, 53.250 28.794 C 54.419 28.990, 55 28.440, 55 27.137 C 55 25.680, 54.495 25.319, 53 25.710 C 51.272 26.162, 51 25.741, 51 22.617 L 51 19 29.976 19 L 8.952 19 9.226 35.750 M 13.250 24.250 C 13.479 24.938, 14.267 25.500, 15 25.500 C 15.733 25.500, 16.521 24.938, 16.750 24.250 C 16.998 23.506, 16.289 23, 15 23 C 13.711 23, 13.002 23.506, 13.250 24.250 M 21 24.500 C 21 25.325, 21.675 26, 22.500 26 C 23.325 26, 24 25.325, 24 24.500 C 24 23.675, 23.325 23, 22.500 23 C 21.675 23, 21 23.675, 21 24.500 M 28.250 24.250 C 28.479 24.938, 29.267 25.500, 30 25.500 C 30.733 25.500, 31.521 24.938, 31.750 24.250 C 31.998 23.506, 31.289 23, 30 23 C 28.711 23, 28.002 23.506, 28.250 24.250 M 36 24.500 C 36 25.325, 36.675 26, 37.500 26 C 38.325 26, 39 25.325, 39 24.500 C 39 23.675, 38.325 23, 37.500 23 C 36.675 23, 36 23.675, 36 24.500 M 43.250 24.250 C 43.479 24.938, 44.267 25.500, 45 25.500 C 45.733 25.500, 46.521 24.938, 46.750 24.250 C 46.998 23.506, 46.289 23, 45 23 C 43.711 23, 43.002 23.506, 43.250 24.250 M 13.446 31.087 C 12.416 32.755, 14.733 34.667, 16.113 33.287 C 17.267 32.133, 16.545 30, 15 30 C 14.515 30, 13.816 30.489, 13.446 31.087 M 21.177 31.553 C 21.629 33.725, 23.404 33.858, 23.810 31.750 C 24.020 30.655, 23.530 30, 22.500 30 C 21.539 30, 20.988 30.647, 21.177 31.553 M 28.446 31.087 C 27.416 32.755, 29.733 34.667, 31.113 33.287 C 32.267 32.133, 31.545 30, 30 30 C 29.515 30, 28.816 30.489, 28.446 31.087 M 36.177 31.553 C 36.629 33.725, 38.404 33.858, 38.810 31.750 C 39.020 30.655, 38.530 30, 37.500 30 C 36.539 30, 35.988 30.647, 36.177 31.553 M 43.446 31.087 C 42.416 32.755, 44.733 34.667, 46.113 33.287 C 47.267 32.133, 46.545 30, 45 30 C 44.515 30, 43.816 30.489, 43.446 31.087 M 13.250 39.250 C 13.479 39.938, 14.267 40.500, 15 40.500 C 15.733 40.500, 16.521 39.938, 16.750 39.250 C 16.998 38.506, 16.289 38, 15 38 C 13.711 38, 13.002 38.506, 13.250 39.250 M 21.198 43.250 L 21.500 48.500 26.500 48.500 L 31.500 48.500 31.802 43.250 L 32.105 38 26.500 38 L 20.895 38 21.198 43.250 M 36.198 43.250 L 36.500 48.500 41.500 48.500 L 46.500 48.500 46.802 43.250 L 47.105 38 41.500 38 L 35.895 38 36.198 43.250 M 24 43 C 24 44.333, 24.667 45, 26 45 C 27.333 45, 28 44.333, 28 43 C 28 41.667, 27.333 41, 26 41 C 24.667 41, 24 41.667, 24 43 M 39 43 C 39 44.333, 39.667 45, 41 45 C 42.333 45, 43 44.333, 43 43 C 43 41.667, 42.333 41, 41 41 C 39.667 41, 39 41.667, 39 43 M 13.446 46.087 C 12.416 47.755, 14.733 49.667, 16.113 48.287 C 17.267 47.133, 16.545 45, 15 45 C 14.515 45, 13.816 45.489, 13.446 46.087" stroke="none" fill="#e9d584" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon2.png b/sdkjs-plugins/content/datepicker/resources/light/icon2.png
new file mode 100644
index 00000000..436b9c6f
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/light/icon2.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x.png b/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x.png
new file mode 100644
index 00000000..e22b2b41
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x2.svg b/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x2.svg
new file mode 100644
index 00000000..ef9ce661
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/icon@1.25x2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="75px" height="75px" viewBox="0 0 75 75" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(3.529412%,4.705882%,4.313726%);fill-opacity:1;" d="M 16.628906 6.183594 C 16.171875 7.929688 14.707031 8.722656 11.433594 8.996094 L 6.875 9.375 L 6.875 70.625 L 68.125 70.625 L 68.488281 60.3125 C 68.71875 53.769531 68.375 50 67.550781 50 C 66.835938 50 65.828125 49.988281 65.3125 49.980469 C 64.796875 49.96875 64.09375 53.484375 63.75 57.792969 L 63.125 65.625 L 11.875 65.625 L 11.53125 44.6875 L 11.191406 23.75 L 63.75 23.75 L 63.75 28.214844 C 63.75 31.796875 64.183594 32.601562 65.9375 32.261719 C 67.828125 31.898438 68.125 30.3125 68.125 20.609375 L 68.125 9.375 L 63.566406 8.996094 C 60.292969 8.722656 58.828125 7.929688 58.371094 6.183594 C 57.542969 3.015625 54.949219 3.054688 54.113281 6.25 C 53.5 8.585938 52.40625 8.75 37.5 8.75 C 22.59375 8.75 21.5 8.585938 20.886719 6.25 C 20.050781 3.054688 17.457031 3.015625 16.628906 6.183594 M 13.75 16.25 C 13.75 16.9375 14.628906 17.5 15.699219 17.5 C 16.769531 17.5 17.300781 16.9375 16.875 16.25 C 16.449219 15.5625 15.574219 15 14.925781 15 C 14.277344 15 13.75 15.5625 13.75 16.25 M 20.625 16.25 C 20.125 17.0625 26.054688 17.5 37.5 17.5 C 48.945312 17.5 54.875 17.0625 54.375 16.25 C 53.347656 14.589844 21.652344 14.589844 20.625 16.25 M 58.125 16.25 C 57.699219 16.9375 58.511719 17.5 59.925781 17.5 C 61.339844 17.5 62.5 16.9375 62.5 16.25 C 62.5 15.5625 61.691406 15 60.699219 15 C 59.707031 15 58.550781 15.5625 58.125 16.25 M 16.5625 30.3125 C 16.847656 31.171875 17.832031 31.875 18.75 31.875 C 19.667969 31.875 20.652344 31.171875 20.9375 30.3125 C 21.246094 29.382812 20.359375 28.75 18.75 28.75 C 17.140625 28.75 16.253906 29.382812 16.5625 30.3125 M 26.25 30.625 C 26.25 31.65625 27.09375 32.5 28.125 32.5 C 29.15625 32.5 30 31.65625 30 30.625 C 30 29.59375 29.15625 28.75 28.125 28.75 C 27.09375 28.75 26.25 29.59375 26.25 30.625 M 35.3125 30.3125 C 35.597656 31.171875 36.582031 31.875 37.5 31.875 C 38.417969 31.875 39.402344 31.171875 39.6875 30.3125 C 39.996094 29.382812 39.109375 28.75 37.5 28.75 C 35.890625 28.75 35.003906 29.382812 35.3125 30.3125 M 45 30.625 C 45 31.65625 45.84375 32.5 46.875 32.5 C 47.90625 32.5 48.75 31.65625 48.75 30.625 C 48.75 29.59375 47.90625 28.75 46.875 28.75 C 45.84375 28.75 45 29.59375 45 30.625 M 54.0625 30.3125 C 54.347656 31.171875 55.332031 31.875 56.25 31.875 C 57.167969 31.875 58.152344 31.171875 58.4375 30.3125 C 58.746094 29.382812 57.859375 28.75 56.25 28.75 C 54.640625 28.75 53.753906 29.382812 54.0625 30.3125 M 64.339844 36.304688 C 63.210938 38.136719 64.855469 39.976562 66.914062 39.1875 C 67.921875 38.800781 68.75 38.039062 68.75 37.5 C 68.75 35.953125 65.160156 34.976562 64.339844 36.304688 M 16.808594 38.859375 C 15.519531 40.945312 18.417969 43.332031 20.140625 41.609375 C 21.582031 40.167969 20.679688 37.5 18.75 37.5 C 18.144531 37.5 17.269531 38.109375 16.808594 38.859375 M 26.472656 39.441406 C 27.035156 42.15625 29.253906 42.324219 29.761719 39.6875 C 30.023438 38.320312 29.414062 37.5 28.125 37.5 C 26.921875 37.5 26.234375 38.308594 26.472656 39.441406 M 35.558594 38.859375 C 34.269531 40.945312 37.167969 43.332031 38.890625 41.609375 C 40.332031 40.167969 39.429688 37.5 37.5 37.5 C 36.894531 37.5 36.019531 38.109375 35.558594 38.859375 M 45.222656 39.441406 C 45.785156 42.15625 48.003906 42.324219 48.511719 39.6875 C 48.773438 38.320312 48.164062 37.5 46.875 37.5 C 45.671875 37.5 44.984375 38.308594 45.222656 39.441406 M 54.308594 38.859375 C 53.019531 40.945312 55.917969 43.332031 57.640625 41.609375 C 59.082031 40.167969 58.179688 37.5 56.25 37.5 C 55.644531 37.5 54.769531 38.109375 54.308594 38.859375 M 63.75 44.285156 C 63.75 45.441406 64.820312 46.25 66.355469 46.25 C 69.398438 46.25 68.96875 43.328125 65.832031 42.722656 C 64.601562 42.480469 63.75 43.117188 63.75 44.285156 M 16.5625 49.0625 C 16.847656 49.921875 17.832031 50.625 18.75 50.625 C 19.667969 50.625 20.652344 49.921875 20.9375 49.0625 C 21.246094 48.132812 20.359375 47.5 18.75 47.5 C 17.140625 47.5 16.253906 48.132812 16.5625 49.0625 M 26.496094 54.0625 L 26.875 60.625 L 39.375 60.625 L 40.132812 47.5 L 26.117188 47.5 L 26.496094 54.0625 M 45.246094 54.0625 L 45.625 60.625 L 58.125 60.625 L 58.882812 47.5 L 44.867188 47.5 L 45.246094 54.0625 M 30 53.75 C 30 55.417969 30.832031 56.25 32.5 56.25 C 34.167969 56.25 35 55.417969 35 53.75 C 35 52.082031 34.167969 51.25 32.5 51.25 C 30.832031 51.25 30 52.082031 30 53.75 M 48.75 53.75 C 48.75 55.417969 49.582031 56.25 51.25 56.25 C 52.917969 56.25 53.75 55.417969 53.75 53.75 C 53.75 52.082031 52.917969 51.25 51.25 51.25 C 49.582031 51.25 48.75 52.082031 48.75 53.75 M 16.808594 57.609375 C 15.519531 59.695312 18.417969 62.082031 20.140625 60.359375 C 21.582031 58.917969 20.679688 56.25 18.75 56.25 C 18.144531 56.25 17.269531 56.859375 16.808594 57.609375 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(45.09804%,67.450982%,54.509807%);fill-opacity:1;" d="M 13.75 16.25 C 13.75 16.9375 14.628906 17.5 15.699219 17.5 C 16.769531 17.5 17.300781 16.9375 16.875 16.25 C 16.449219 15.5625 15.574219 15 14.925781 15 C 14.277344 15 13.75 15.5625 13.75 16.25 M 20.625 16.25 C 20.125 17.0625 26.054688 17.5 37.5 17.5 C 48.945312 17.5 54.875 17.0625 54.375 16.25 C 53.347656 14.589844 21.652344 14.589844 20.625 16.25 M 58.125 16.25 C 57.699219 16.9375 58.511719 17.5 59.925781 17.5 C 61.339844 17.5 62.5 16.9375 62.5 16.25 C 62.5 15.5625 61.691406 15 60.699219 15 C 59.707031 15 58.550781 15.5625 58.125 16.25 M 11.53125 44.6875 L 11.875 65.625 L 63.125 65.625 L 63.75 57.5 C 64.277344 50.640625 64.714844 49.433594 66.5625 49.742188 C 67.859375 49.960938 68.75 49.324219 68.75 48.179688 C 68.75 47.082031 67.671875 46.25 66.25 46.25 C 64.78125 46.25 63.75 45.417969 63.75 44.230469 C 63.75 42.824219 64.511719 42.40625 66.25 42.863281 C 68.117188 43.351562 68.75 42.898438 68.75 41.078125 C 68.75 39.449219 68.023438 38.761719 66.5625 39.007812 C 65.289062 39.222656 64.375 38.59375 64.375 37.5 C 64.375 36.40625 65.289062 35.777344 66.5625 35.992188 C 68.023438 36.238281 68.75 35.550781 68.75 33.921875 C 68.75 32.101562 68.117188 31.648438 66.25 32.136719 C 64.089844 32.703125 63.75 32.175781 63.75 28.269531 L 63.75 23.75 L 11.191406 23.75 L 11.53125 44.6875 M 16.5625 30.3125 C 16.847656 31.171875 17.832031 31.875 18.75 31.875 C 19.667969 31.875 20.652344 31.171875 20.9375 30.3125 C 21.246094 29.382812 20.359375 28.75 18.75 28.75 C 17.140625 28.75 16.253906 29.382812 16.5625 30.3125 M 26.25 30.625 C 26.25 31.65625 27.09375 32.5 28.125 32.5 C 29.15625 32.5 30 31.65625 30 30.625 C 30 29.59375 29.15625 28.75 28.125 28.75 C 27.09375 28.75 26.25 29.59375 26.25 30.625 M 35.3125 30.3125 C 35.597656 31.171875 36.582031 31.875 37.5 31.875 C 38.417969 31.875 39.402344 31.171875 39.6875 30.3125 C 39.996094 29.382812 39.109375 28.75 37.5 28.75 C 35.890625 28.75 35.003906 29.382812 35.3125 30.3125 M 45 30.625 C 45 31.65625 45.84375 32.5 46.875 32.5 C 47.90625 32.5 48.75 31.65625 48.75 30.625 C 48.75 29.59375 47.90625 28.75 46.875 28.75 C 45.84375 28.75 45 29.59375 45 30.625 M 54.0625 30.3125 C 54.347656 31.171875 55.332031 31.875 56.25 31.875 C 57.167969 31.875 58.152344 31.171875 58.4375 30.3125 C 58.746094 29.382812 57.859375 28.75 56.25 28.75 C 54.640625 28.75 53.753906 29.382812 54.0625 30.3125 M 16.808594 38.859375 C 15.519531 40.945312 18.417969 43.332031 20.140625 41.609375 C 21.582031 40.167969 20.679688 37.5 18.75 37.5 C 18.144531 37.5 17.269531 38.109375 16.808594 38.859375 M 26.472656 39.441406 C 27.035156 42.15625 29.253906 42.324219 29.761719 39.6875 C 30.023438 38.320312 29.414062 37.5 28.125 37.5 C 26.921875 37.5 26.234375 38.308594 26.472656 39.441406 M 35.558594 38.859375 C 34.269531 40.945312 37.167969 43.332031 38.890625 41.609375 C 40.332031 40.167969 39.429688 37.5 37.5 37.5 C 36.894531 37.5 36.019531 38.109375 35.558594 38.859375 M 45.222656 39.441406 C 45.785156 42.15625 48.003906 42.324219 48.511719 39.6875 C 48.773438 38.320312 48.164062 37.5 46.875 37.5 C 45.671875 37.5 44.984375 38.308594 45.222656 39.441406 M 54.308594 38.859375 C 53.019531 40.945312 55.917969 43.332031 57.640625 41.609375 C 59.082031 40.167969 58.179688 37.5 56.25 37.5 C 55.644531 37.5 54.769531 38.109375 54.308594 38.859375 M 16.5625 49.0625 C 16.847656 49.921875 17.832031 50.625 18.75 50.625 C 19.667969 50.625 20.652344 49.921875 20.9375 49.0625 C 21.246094 48.132812 20.359375 47.5 18.75 47.5 C 17.140625 47.5 16.253906 48.132812 16.5625 49.0625 M 26.496094 54.0625 L 26.875 60.625 L 39.375 60.625 L 40.132812 47.5 L 26.117188 47.5 L 26.496094 54.0625 M 45.246094 54.0625 L 45.625 60.625 L 58.125 60.625 L 58.882812 47.5 L 44.867188 47.5 L 45.246094 54.0625 M 30 53.75 C 30 55.417969 30.832031 56.25 32.5 56.25 C 34.167969 56.25 35 55.417969 35 53.75 C 35 52.082031 34.167969 51.25 32.5 51.25 C 30.832031 51.25 30 52.082031 30 53.75 M 48.75 53.75 C 48.75 55.417969 49.582031 56.25 51.25 56.25 C 52.917969 56.25 53.75 55.417969 53.75 53.75 C 53.75 52.082031 52.917969 51.25 51.25 51.25 C 49.582031 51.25 48.75 52.082031 48.75 53.75 M 16.808594 57.609375 C 15.519531 59.695312 18.417969 62.082031 20.140625 60.359375 C 21.582031 58.917969 20.679688 56.25 18.75 56.25 C 18.144531 56.25 17.269531 56.859375 16.808594 57.609375 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.png b/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.png
new file mode 100644
index 00000000..ee183244
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.svg b/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.svg
new file mode 100644
index 00000000..a8ecce25
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/icon@1.5x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90px" height="90px" viewBox="0 0 90 90" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(20.784314%,37.64706%,46.666667%);fill-opacity:1;" d="M 19.957031 7.417969 C 19.410156 9.515625 17.652344 10.464844 13.722656 10.792969 L 8.25 11.25 L 8.25 84.75 L 81.75 84.75 L 82.183594 72.375 C 82.460938 64.527344 82.050781 60 81.058594 60 C 80.203125 60 78.996094 59.988281 78.375 59.972656 C 77.753906 59.960938 76.914062 64.179688 76.5 69.347656 L 75.75 78.75 L 14.25 78.75 L 13.429688 28.5 L 76.5 28.5 L 76.5 33.859375 C 76.5 38.15625 77.019531 39.121094 79.125 38.714844 C 81.394531 38.277344 81.75 36.375 81.75 24.730469 L 81.75 11.25 L 76.277344 10.792969 C 72.347656 10.464844 70.589844 9.515625 70.042969 7.417969 C 69.050781 3.617188 65.9375 3.664062 64.933594 7.5 C 64.203125 10.300781 62.890625 10.5 45 10.5 C 27.109375 10.5 25.796875 10.300781 25.066406 7.5 C 24.0625 3.664062 20.949219 3.617188 19.957031 7.417969 M 16.5 19.5 C 16.5 20.324219 17.554688 21 18.839844 21 C 20.125 21 20.761719 20.324219 20.25 19.5 C 19.738281 18.675781 18.6875 18 17.910156 18 C 17.132812 18 16.5 18.675781 16.5 19.5 M 24.75 19.5 C 24.148438 20.472656 31.265625 21 45 21 C 58.734375 21 65.851562 20.472656 65.25 19.5 C 64.019531 17.507812 25.980469 17.507812 24.75 19.5 M 69.75 19.5 C 69.238281 20.324219 70.214844 21 71.910156 21 C 73.609375 21 75 20.324219 75 19.5 C 75 18.675781 74.027344 18 72.839844 18 C 71.648438 18 70.261719 18.675781 69.75 19.5 M 19.875 36.375 C 20.21875 37.40625 21.402344 38.25 22.5 38.25 C 23.597656 38.25 24.78125 37.40625 25.125 36.375 C 25.496094 35.257812 24.433594 34.5 22.5 34.5 C 20.566406 34.5 19.503906 35.257812 19.875 36.375 M 31.5 36.75 C 31.5 37.988281 32.511719 39 33.75 39 C 34.988281 39 36 37.988281 36 36.75 C 36 35.511719 34.988281 34.5 33.75 34.5 C 32.511719 34.5 31.5 35.511719 31.5 36.75 M 42.375 36.375 C 42.71875 37.40625 43.902344 38.25 45 38.25 C 46.097656 38.25 47.28125 37.40625 47.625 36.375 C 47.996094 35.257812 46.933594 34.5 45 34.5 C 43.066406 34.5 42.003906 35.257812 42.375 36.375 M 54 36.75 C 54 37.988281 55.011719 39 56.25 39 C 57.488281 39 58.5 37.988281 58.5 36.75 C 58.5 35.511719 57.488281 34.5 56.25 34.5 C 55.011719 34.5 54 35.511719 54 36.75 M 64.875 36.375 C 65.21875 37.40625 66.402344 38.25 67.5 38.25 C 68.597656 38.25 69.78125 37.40625 70.125 36.375 C 70.496094 35.257812 69.433594 34.5 67.5 34.5 C 65.566406 34.5 64.503906 35.257812 64.875 36.375 M 77.210938 43.566406 C 75.851562 45.761719 77.824219 47.972656 80.296875 47.023438 C 81.507812 46.558594 82.5 45.648438 82.5 45 C 82.5 43.140625 78.195312 41.972656 77.210938 43.566406 M 20.167969 46.628906 C 18.625 49.132812 22.097656 52 24.167969 49.929688 C 25.902344 48.199219 24.816406 45 22.5 45 C 21.773438 45 20.722656 45.734375 20.167969 46.628906 M 31.765625 47.328125 C 32.445312 50.585938 35.105469 50.785156 35.714844 47.625 C 36.03125 45.984375 35.296875 45 33.75 45 C 32.308594 45 31.480469 45.96875 31.765625 47.328125 M 42.667969 46.628906 C 41.125 49.132812 44.597656 52 46.667969 49.929688 C 48.402344 48.199219 47.316406 45 45 45 C 44.273438 45 43.222656 45.734375 42.667969 46.628906 M 54.265625 47.328125 C 54.945312 50.585938 57.605469 50.785156 58.214844 47.625 C 58.53125 45.984375 57.796875 45 56.25 45 C 54.808594 45 53.980469 45.96875 54.265625 47.328125 M 65.167969 46.628906 C 63.625 49.132812 67.097656 52 69.167969 49.929688 C 70.902344 48.199219 69.816406 45 67.5 45 C 66.773438 45 65.722656 45.734375 65.167969 46.628906 M 76.5 53.140625 C 76.5 54.53125 77.78125 55.5 79.625 55.5 C 83.28125 55.5 82.765625 51.996094 79 51.265625 C 77.519531 50.976562 76.5 51.742188 76.5 53.140625 M 19.875 58.875 C 20.21875 59.90625 21.402344 60.75 22.5 60.75 C 23.597656 60.75 24.78125 59.90625 25.125 58.875 C 25.496094 57.757812 24.433594 57 22.5 57 C 20.566406 57 19.503906 57.757812 19.875 58.875 M 31.796875 64.875 L 32.25 72.75 L 47.25 72.75 L 48.15625 57 L 31.34375 57 L 31.796875 64.875 M 54.296875 64.875 L 54.75 72.75 L 69.75 72.75 L 70.65625 57 L 53.84375 57 L 54.296875 64.875 M 36 64.5 C 36 66.5 37 67.5 39 67.5 C 41 67.5 42 66.5 42 64.5 C 42 62.5 41 61.5 39 61.5 C 37 61.5 36 62.5 36 64.5 M 58.5 64.5 C 58.5 66.5 59.5 67.5 61.5 67.5 C 63.5 67.5 64.5 66.5 64.5 64.5 C 64.5 62.5 63.5 61.5 61.5 61.5 C 59.5 61.5 58.5 62.5 58.5 64.5 M 20.167969 69.128906 C 18.625 71.632812 22.097656 74.5 24.167969 72.429688 C 25.902344 70.699219 24.816406 67.5 22.5 67.5 C 21.773438 67.5 20.722656 68.234375 20.167969 69.128906 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(91.37255%,83.529413%,51.764709%);fill-opacity:1;" d="M 16.5 19.5 C 16.5 20.324219 17.554688 21 18.839844 21 C 20.125 21 20.761719 20.324219 20.25 19.5 C 19.738281 18.675781 18.6875 18 17.910156 18 C 17.132812 18 16.5 18.675781 16.5 19.5 M 24.75 19.5 C 24.148438 20.472656 31.265625 21 45 21 C 58.734375 21 65.851562 20.472656 65.25 19.5 C 64.019531 17.507812 25.980469 17.507812 24.75 19.5 M 69.75 19.5 C 69.238281 20.324219 70.214844 21 71.910156 21 C 73.609375 21 75 20.324219 75 19.5 C 75 18.675781 74.027344 18 72.839844 18 C 71.648438 18 70.261719 18.675781 69.75 19.5 M 13.839844 53.625 L 14.25 78.75 L 75.75 78.75 L 76.5 69 C 77.132812 60.769531 77.660156 59.320312 79.875 59.691406 C 81.433594 59.953125 82.5 59.1875 82.5 57.816406 C 82.5 56.5 81.203125 55.5 79.5 55.5 C 77.738281 55.5 76.5 54.5 76.5 53.074219 C 76.5 51.386719 77.414062 50.890625 79.5 51.433594 C 81.742188 52.023438 82.5 51.480469 82.5 49.292969 C 82.5 47.339844 81.628906 46.515625 79.875 46.808594 C 78.347656 47.066406 77.25 46.3125 77.25 45 C 77.25 43.6875 78.347656 42.933594 79.875 43.191406 C 81.628906 43.484375 82.5 42.660156 82.5 40.707031 C 82.5 38.519531 81.742188 37.976562 79.5 38.566406 C 76.90625 39.242188 76.5 38.613281 76.5 33.925781 L 76.5 28.5 L 13.429688 28.5 L 13.839844 53.625 M 19.875 36.375 C 20.21875 37.40625 21.402344 38.25 22.5 38.25 C 23.597656 38.25 24.78125 37.40625 25.125 36.375 C 25.496094 35.257812 24.433594 34.5 22.5 34.5 C 20.566406 34.5 19.503906 35.257812 19.875 36.375 M 31.5 36.75 C 31.5 37.988281 32.511719 39 33.75 39 C 34.988281 39 36 37.988281 36 36.75 C 36 35.511719 34.988281 34.5 33.75 34.5 C 32.511719 34.5 31.5 35.511719 31.5 36.75 M 42.375 36.375 C 42.71875 37.40625 43.902344 38.25 45 38.25 C 46.097656 38.25 47.28125 37.40625 47.625 36.375 C 47.996094 35.257812 46.933594 34.5 45 34.5 C 43.066406 34.5 42.003906 35.257812 42.375 36.375 M 54 36.75 C 54 37.988281 55.011719 39 56.25 39 C 57.488281 39 58.5 37.988281 58.5 36.75 C 58.5 35.511719 57.488281 34.5 56.25 34.5 C 55.011719 34.5 54 35.511719 54 36.75 M 64.875 36.375 C 65.21875 37.40625 66.402344 38.25 67.5 38.25 C 68.597656 38.25 69.78125 37.40625 70.125 36.375 C 70.496094 35.257812 69.433594 34.5 67.5 34.5 C 65.566406 34.5 64.503906 35.257812 64.875 36.375 M 20.167969 46.628906 C 18.625 49.132812 22.097656 52 24.167969 49.929688 C 25.902344 48.199219 24.816406 45 22.5 45 C 21.773438 45 20.722656 45.734375 20.167969 46.628906 M 31.765625 47.328125 C 32.445312 50.585938 35.105469 50.785156 35.714844 47.625 C 36.03125 45.984375 35.296875 45 33.75 45 C 32.308594 45 31.480469 45.96875 31.765625 47.328125 M 42.667969 46.628906 C 41.125 49.132812 44.597656 52 46.667969 49.929688 C 48.402344 48.199219 47.316406 45 45 45 C 44.273438 45 43.222656 45.734375 42.667969 46.628906 M 54.265625 47.328125 C 54.945312 50.585938 57.605469 50.785156 58.214844 47.625 C 58.53125 45.984375 57.796875 45 56.25 45 C 54.808594 45 53.980469 45.96875 54.265625 47.328125 M 65.167969 46.628906 C 63.625 49.132812 67.097656 52 69.167969 49.929688 C 70.902344 48.199219 69.816406 45 67.5 45 C 66.773438 45 65.722656 45.734375 65.167969 46.628906 M 19.875 58.875 C 20.21875 59.90625 21.402344 60.75 22.5 60.75 C 23.597656 60.75 24.78125 59.90625 25.125 58.875 C 25.496094 57.757812 24.433594 57 22.5 57 C 20.566406 57 19.503906 57.757812 19.875 58.875 M 31.796875 64.875 L 32.25 72.75 L 47.25 72.75 L 48.15625 57 L 31.34375 57 L 31.796875 64.875 M 54.296875 64.875 L 54.75 72.75 L 69.75 72.75 L 70.65625 57 L 53.84375 57 L 54.296875 64.875 M 36 64.5 C 36 66.5 37 67.5 39 67.5 C 41 67.5 42 66.5 42 64.5 C 42 62.5 41 61.5 39 61.5 C 37 61.5 36 62.5 36 64.5 M 58.5 64.5 C 58.5 66.5 59.5 67.5 61.5 67.5 C 63.5 67.5 64.5 66.5 64.5 64.5 C 64.5 62.5 63.5 61.5 61.5 61.5 C 59.5 61.5 58.5 62.5 58.5 64.5 M 20.167969 69.128906 C 18.625 71.632812 22.097656 74.5 24.167969 72.429688 C 25.902344 70.699219 24.816406 67.5 22.5 67.5 C 21.773438 67.5 20.722656 68.234375 20.167969 69.128906 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x.svg b/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x.svg
new file mode 100644
index 00000000..a1a3b790
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105px" height="105px" viewBox="0 0 105 105" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(20.784314%,37.64706%,46.666667%);fill-opacity:1;" d="M 23.28125 8.65625 C 22.644531 11.101562 20.59375 12.210938 16.007812 12.59375 L 9.625 13.125 L 9.625 98.875 L 95.375 98.875 L 95.882812 84.4375 C 96.207031 75.28125 95.726562 70 94.570312 70 C 93.570312 70 92.160156 69.984375 91.4375 69.96875 C 90.714844 69.953125 89.730469 74.875 89.25 80.90625 L 88.375 91.875 L 16.625 91.875 L 15.664062 33.25 L 89.25 33.25 L 89.25 39.503906 C 89.25 44.515625 89.855469 45.640625 92.3125 45.167969 C 94.957031 44.65625 95.375 42.4375 95.375 28.851562 L 95.375 13.125 L 88.992188 12.59375 C 84.40625 12.210938 82.355469 11.101562 81.71875 8.65625 C 80.558594 4.21875 76.925781 4.277344 75.757812 8.75 C 74.902344 12.019531 73.371094 12.25 52.5 12.25 C 31.628906 12.25 30.097656 12.019531 29.242188 8.75 C 28.074219 4.277344 24.441406 4.21875 23.28125 8.65625 M 19.25 22.75 C 19.25 23.710938 20.476562 24.5 21.976562 24.5 C 23.476562 24.5 24.21875 23.710938 23.625 22.75 C 23.03125 21.789062 21.804688 21 20.898438 21 C 19.992188 21 19.25 21.789062 19.25 22.75 M 28.875 22.75 C 28.171875 23.886719 36.476562 24.5 52.5 24.5 C 68.523438 24.5 76.828125 23.886719 76.125 22.75 C 74.6875 20.425781 30.3125 20.425781 28.875 22.75 M 81.375 22.75 C 80.78125 23.710938 81.914062 24.5 83.898438 24.5 C 85.878906 24.5 87.5 23.710938 87.5 22.75 C 87.5 21.789062 86.367188 21 84.976562 21 C 83.589844 21 81.96875 21.789062 81.375 22.75 M 23.1875 42.4375 C 23.589844 43.640625 24.96875 44.625 26.25 44.625 C 27.53125 44.625 28.910156 43.640625 29.3125 42.4375 C 29.746094 41.136719 28.503906 40.25 26.25 40.25 C 23.996094 40.25 22.753906 41.136719 23.1875 42.4375 M 36.75 42.875 C 36.75 44.320312 37.929688 45.5 39.375 45.5 C 40.820312 45.5 42 44.320312 42 42.875 C 42 41.429688 40.820312 40.25 39.375 40.25 C 37.929688 40.25 36.75 41.429688 36.75 42.875 M 49.4375 42.4375 C 49.839844 43.640625 51.21875 44.625 52.5 44.625 C 53.78125 44.625 55.160156 43.640625 55.5625 42.4375 C 55.996094 41.136719 54.753906 40.25 52.5 40.25 C 50.246094 40.25 49.003906 41.136719 49.4375 42.4375 M 63 42.875 C 63 44.320312 64.179688 45.5 65.625 45.5 C 67.070312 45.5 68.25 44.320312 68.25 42.875 C 68.25 41.429688 67.070312 40.25 65.625 40.25 C 64.179688 40.25 63 41.429688 63 42.875 M 75.6875 42.4375 C 76.089844 43.640625 77.46875 44.625 78.75 44.625 C 80.03125 44.625 81.410156 43.640625 81.8125 42.4375 C 82.246094 41.136719 81.003906 40.25 78.75 40.25 C 76.496094 40.25 75.253906 41.136719 75.6875 42.4375 M 90.078125 50.828125 C 88.492188 53.390625 90.796875 55.96875 93.679688 54.859375 C 95.09375 54.320312 96.25 53.257812 96.25 52.5 C 96.25 50.332031 91.226562 48.96875 90.078125 50.828125 M 23.53125 54.402344 C 21.726562 57.320312 25.78125 60.667969 28.199219 58.253906 C 30.21875 56.234375 28.953125 52.5 26.25 52.5 C 25.402344 52.5 24.179688 53.355469 23.53125 54.402344 M 37.058594 55.21875 C 37.851562 59.019531 40.957031 59.25 41.667969 55.5625 C 42.035156 53.644531 41.175781 52.5 39.375 52.5 C 37.691406 52.5 36.730469 53.632812 37.058594 55.21875 M 49.78125 54.402344 C 47.976562 57.320312 52.03125 60.667969 54.449219 58.253906 C 56.46875 56.234375 55.203125 52.5 52.5 52.5 C 51.652344 52.5 50.429688 53.355469 49.78125 54.402344 M 63.308594 55.21875 C 64.101562 59.019531 67.207031 59.25 67.917969 55.5625 C 68.285156 53.644531 67.425781 52.5 65.625 52.5 C 63.941406 52.5 62.980469 53.632812 63.308594 55.21875 M 76.03125 54.402344 C 74.226562 57.320312 78.28125 60.667969 80.699219 58.253906 C 82.71875 56.234375 81.453125 52.5 78.75 52.5 C 77.902344 52.5 76.679688 53.355469 76.03125 54.402344 M 89.25 61.996094 C 89.25 63.621094 90.746094 64.75 92.894531 64.75 C 97.160156 64.75 96.558594 60.660156 92.167969 59.808594 C 90.441406 59.472656 89.25 60.367188 89.25 61.996094 M 23.1875 68.6875 C 23.589844 69.890625 24.96875 70.875 26.25 70.875 C 27.53125 70.875 28.910156 69.890625 29.3125 68.6875 C 29.746094 67.386719 28.503906 66.5 26.25 66.5 C 23.996094 66.5 22.753906 67.386719 23.1875 68.6875 M 37.097656 75.6875 L 37.625 84.875 L 55.125 84.875 L 55.652344 75.6875 L 56.183594 66.5 L 36.566406 66.5 L 37.097656 75.6875 M 63.347656 75.6875 L 63.875 84.875 L 81.375 84.875 L 81.902344 75.6875 L 82.433594 66.5 L 62.816406 66.5 L 63.347656 75.6875 M 42 75.25 C 42 77.582031 43.167969 78.75 45.5 78.75 C 47.832031 78.75 49 77.582031 49 75.25 C 49 72.917969 47.832031 71.75 45.5 71.75 C 43.167969 71.75 42 72.917969 42 75.25 M 68.25 75.25 C 68.25 77.582031 69.417969 78.75 71.75 78.75 C 74.082031 78.75 75.25 77.582031 75.25 75.25 C 75.25 72.917969 74.082031 71.75 71.75 71.75 C 69.417969 71.75 68.25 72.917969 68.25 75.25 M 23.53125 80.652344 C 21.726562 83.570312 25.78125 86.917969 28.199219 84.503906 C 30.21875 82.484375 28.953125 78.75 26.25 78.75 C 25.402344 78.75 24.179688 79.605469 23.53125 80.652344 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(91.37255%,83.529413%,51.764709%);fill-opacity:1;" d="M 19.25 22.75 C 19.25 23.710938 20.476562 24.5 21.976562 24.5 C 23.476562 24.5 24.21875 23.710938 23.625 22.75 C 23.03125 21.789062 21.804688 21 20.898438 21 C 19.992188 21 19.25 21.789062 19.25 22.75 M 28.875 22.75 C 28.171875 23.886719 36.476562 24.5 52.5 24.5 C 68.523438 24.5 76.828125 23.886719 76.125 22.75 C 74.6875 20.425781 30.3125 20.425781 28.875 22.75 M 81.375 22.75 C 80.78125 23.710938 81.914062 24.5 83.898438 24.5 C 85.878906 24.5 87.5 23.710938 87.5 22.75 C 87.5 21.789062 86.367188 21 84.976562 21 C 83.589844 21 81.96875 21.789062 81.375 22.75 M 16.144531 62.5625 L 16.625 91.875 L 88.375 91.875 L 89.25 80.5 C 89.988281 70.898438 90.601562 69.207031 93.1875 69.640625 C 95.003906 69.945312 96.25 69.054688 96.25 67.453125 C 96.25 65.917969 94.738281 64.75 92.75 64.75 C 90.695312 64.75 89.25 63.582031 89.25 61.921875 C 89.25 59.953125 90.316406 59.371094 92.75 60.007812 C 95.367188 60.691406 96.25 60.058594 96.25 57.511719 C 96.25 55.230469 95.234375 54.265625 93.1875 54.609375 C 91.402344 54.910156 90.125 54.03125 90.125 52.5 C 90.125 50.96875 91.402344 50.089844 93.1875 50.390625 C 95.234375 50.734375 96.25 49.769531 96.25 47.488281 C 96.25 44.941406 95.367188 44.308594 92.75 44.992188 C 89.726562 45.785156 89.25 45.046875 89.25 39.578125 L 89.25 33.25 L 15.664062 33.25 L 16.144531 62.5625 M 23.1875 42.4375 C 23.589844 43.640625 24.96875 44.625 26.25 44.625 C 27.53125 44.625 28.910156 43.640625 29.3125 42.4375 C 29.746094 41.136719 28.503906 40.25 26.25 40.25 C 23.996094 40.25 22.753906 41.136719 23.1875 42.4375 M 36.75 42.875 C 36.75 44.320312 37.929688 45.5 39.375 45.5 C 40.820312 45.5 42 44.320312 42 42.875 C 42 41.429688 40.820312 40.25 39.375 40.25 C 37.929688 40.25 36.75 41.429688 36.75 42.875 M 49.4375 42.4375 C 49.839844 43.640625 51.21875 44.625 52.5 44.625 C 53.78125 44.625 55.160156 43.640625 55.5625 42.4375 C 55.996094 41.136719 54.753906 40.25 52.5 40.25 C 50.246094 40.25 49.003906 41.136719 49.4375 42.4375 M 63 42.875 C 63 44.320312 64.179688 45.5 65.625 45.5 C 67.070312 45.5 68.25 44.320312 68.25 42.875 C 68.25 41.429688 67.070312 40.25 65.625 40.25 C 64.179688 40.25 63 41.429688 63 42.875 M 75.6875 42.4375 C 76.089844 43.640625 77.46875 44.625 78.75 44.625 C 80.03125 44.625 81.410156 43.640625 81.8125 42.4375 C 82.246094 41.136719 81.003906 40.25 78.75 40.25 C 76.496094 40.25 75.253906 41.136719 75.6875 42.4375 M 23.53125 54.402344 C 21.726562 57.320312 25.78125 60.667969 28.199219 58.253906 C 30.21875 56.234375 28.953125 52.5 26.25 52.5 C 25.402344 52.5 24.179688 53.355469 23.53125 54.402344 M 37.058594 55.21875 C 37.851562 59.019531 40.957031 59.25 41.667969 55.5625 C 42.035156 53.644531 41.175781 52.5 39.375 52.5 C 37.691406 52.5 36.730469 53.632812 37.058594 55.21875 M 49.78125 54.402344 C 47.976562 57.320312 52.03125 60.667969 54.449219 58.253906 C 56.46875 56.234375 55.203125 52.5 52.5 52.5 C 51.652344 52.5 50.429688 53.355469 49.78125 54.402344 M 63.308594 55.21875 C 64.101562 59.019531 67.207031 59.25 67.917969 55.5625 C 68.285156 53.644531 67.425781 52.5 65.625 52.5 C 63.941406 52.5 62.980469 53.632812 63.308594 55.21875 M 76.03125 54.402344 C 74.226562 57.320312 78.28125 60.667969 80.699219 58.253906 C 82.71875 56.234375 81.453125 52.5 78.75 52.5 C 77.902344 52.5 76.679688 53.355469 76.03125 54.402344 M 23.1875 68.6875 C 23.589844 69.890625 24.96875 70.875 26.25 70.875 C 27.53125 70.875 28.910156 69.890625 29.3125 68.6875 C 29.746094 67.386719 28.503906 66.5 26.25 66.5 C 23.996094 66.5 22.753906 67.386719 23.1875 68.6875 M 37.097656 75.6875 L 37.625 84.875 L 55.125 84.875 L 55.652344 75.6875 L 56.183594 66.5 L 36.566406 66.5 L 37.097656 75.6875 M 63.347656 75.6875 L 63.875 84.875 L 81.375 84.875 L 81.902344 75.6875 L 82.433594 66.5 L 62.816406 66.5 L 63.347656 75.6875 M 42 75.25 C 42 77.582031 43.167969 78.75 45.5 78.75 C 47.832031 78.75 49 77.582031 49 75.25 C 49 72.917969 47.832031 71.75 45.5 71.75 C 43.167969 71.75 42 72.917969 42 75.25 M 68.25 75.25 C 68.25 77.582031 69.417969 78.75 71.75 78.75 C 74.082031 78.75 75.25 77.582031 75.25 75.25 C 75.25 72.917969 74.082031 71.75 71.75 71.75 C 69.417969 71.75 68.25 72.917969 68.25 75.25 M 23.53125 80.652344 C 21.726562 83.570312 25.78125 86.917969 28.199219 84.503906 C 30.21875 82.484375 28.953125 78.75 26.25 78.75 C 25.402344 78.75 24.179688 79.605469 23.53125 80.652344 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x2.png b/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x2.png
new file mode 100644
index 00000000..682c5517
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/light/icon@1.75x2.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@2x.png b/sdkjs-plugins/content/datepicker/resources/light/icon@2x.png
new file mode 100644
index 00000000..cf919eb9
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/light/icon@2x.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/light/icon@2x.svg b/sdkjs-plugins/content/datepicker/resources/light/icon@2x.svg
new file mode 100644
index 00000000..68ab1f4c
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/resources/light/icon@2x.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px" viewBox="0 0 120 120" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(20.784314%,37.64706%,46.666667%);fill-opacity:1;" d="M 26.609375 9.890625 C 25.878906 12.6875 23.535156 13.953125 18.296875 14.390625 L 11 15 L 11 113 L 109 113 L 109.578125 96.5 C 109.949219 86.035156 109.398438 80 108.078125 80 C 106.9375 80 105.324219 79.984375 104.5 79.964844 C 103.675781 79.949219 102.550781 85.570312 102 92.464844 L 101 105 L 19 105 L 18.453125 71.5 L 17.902344 38 L 102 38 L 102 45.144531 C 102 50.875 102.695312 52.160156 105.5 51.621094 C 108.523438 51.035156 109 48.5 109 32.972656 L 109 15 L 101.703125 14.390625 C 96.464844 13.953125 94.121094 12.6875 93.390625 9.890625 C 92.066406 4.820312 87.914062 4.886719 86.578125 10 C 85.601562 13.734375 83.851562 14 60 14 C 36.148438 14 34.398438 13.734375 33.421875 10 C 32.085938 4.886719 27.933594 4.820312 26.609375 9.890625 M 22 26 C 22 27.101562 23.402344 28 25.117188 28 C 26.832031 28 27.679688 27.101562 27 26 C 26.320312 24.898438 24.917969 24 23.882812 24 C 22.847656 24 22 24.898438 22 26 M 33 26 C 32.199219 27.296875 41.6875 28 60 28 C 78.3125 28 87.800781 27.296875 87 26 C 85.359375 23.34375 34.640625 23.34375 33 26 M 93 26 C 92.320312 27.101562 93.617188 28 95.882812 28 C 98.144531 28 100 27.101562 100 26 C 100 24.898438 98.703125 24 97.117188 24 C 95.53125 24 93.679688 24.898438 93 26 M 26.5 48.5 C 26.957031 49.875 28.535156 51 30 51 C 31.464844 51 33.042969 49.875 33.5 48.5 C 33.996094 47.011719 32.578125 46 30 46 C 27.421875 46 26.003906 47.011719 26.5 48.5 M 42 49 C 42 50.648438 43.351562 52 45 52 C 46.648438 52 48 50.648438 48 49 C 48 47.351562 46.648438 46 45 46 C 43.351562 46 42 47.351562 42 49 M 56.5 48.5 C 56.957031 49.875 58.535156 51 60 51 C 61.464844 51 63.042969 49.875 63.5 48.5 C 63.996094 47.011719 62.578125 46 60 46 C 57.421875 46 56.003906 47.011719 56.5 48.5 M 72 49 C 72 50.648438 73.351562 52 75 52 C 76.648438 52 78 50.648438 78 49 C 78 47.351562 76.648438 46 75 46 C 73.351562 46 72 47.351562 72 49 M 86.5 48.5 C 86.957031 49.875 88.535156 51 90 51 C 91.464844 51 93.042969 49.875 93.5 48.5 C 93.996094 47.011719 92.578125 46 90 46 C 87.421875 46 86.003906 47.011719 86.5 48.5 M 102.945312 58.089844 C 101.136719 61.015625 103.769531 63.964844 107.0625 62.699219 C 108.679688 62.078125 110 60.863281 110 60 C 110 57.523438 104.257812 55.964844 102.945312 58.089844 M 26.890625 62.175781 C 24.832031 65.511719 29.464844 69.335938 32.226562 66.574219 C 34.535156 64.265625 33.089844 60 30 60 C 29.03125 60 27.632812 60.976562 26.890625 62.175781 M 42.355469 63.105469 C 43.257812 67.449219 46.808594 67.714844 47.621094 63.5 C 48.039062 61.308594 47.058594 60 45 60 C 43.078125 60 41.976562 61.292969 42.355469 63.105469 M 56.890625 62.175781 C 54.832031 65.511719 59.464844 69.335938 62.226562 66.574219 C 64.535156 64.265625 63.089844 60 60 60 C 59.03125 60 57.632812 60.976562 56.890625 62.175781 M 72.355469 63.105469 C 73.257812 67.449219 76.808594 67.714844 77.621094 63.5 C 78.039062 61.308594 77.058594 60 75 60 C 73.078125 60 71.976562 61.292969 72.355469 63.105469 M 86.890625 62.175781 C 84.832031 65.511719 89.464844 69.335938 92.226562 66.574219 C 94.535156 64.265625 93.089844 60 90 60 C 89.03125 60 87.632812 60.976562 86.890625 62.175781 M 102 70.855469 C 102 72.707031 103.710938 74 106.164062 74 C 111.039062 74 110.351562 69.324219 105.335938 68.355469 C 103.359375 67.96875 102 68.988281 102 70.855469 M 26.5 78.5 C 26.957031 79.875 28.535156 81 30 81 C 31.464844 81 33.042969 79.875 33.5 78.5 C 33.996094 77.011719 32.578125 76 30 76 C 27.421875 76 26.003906 77.011719 26.5 78.5 M 42.394531 86.5 L 43 97 L 63 97 L 64.210938 76 L 41.789062 76 L 42.394531 86.5 M 72.394531 86.5 L 73 97 L 93 97 L 94.210938 76 L 71.789062 76 L 72.394531 86.5 M 48 86 C 48 88.664062 49.335938 90 52 90 C 54.664062 90 56 88.664062 56 86 C 56 83.335938 54.664062 82 52 82 C 49.335938 82 48 83.335938 48 86 M 78 86 C 78 88.664062 79.335938 90 82 90 C 84.664062 90 86 88.664062 86 86 C 86 83.335938 84.664062 82 82 82 C 79.335938 82 78 83.335938 78 86 M 26.890625 92.175781 C 24.832031 95.511719 29.464844 99.335938 32.226562 96.574219 C 34.535156 94.265625 33.089844 90 30 90 C 29.03125 90 27.632812 90.976562 26.890625 92.175781 "/>
+<path style=" stroke:none;fill-rule:evenodd;fill:rgb(91.37255%,83.529413%,51.764709%);fill-opacity:1;" d="M 22 26 C 22 27.101562 23.402344 28 25.117188 28 C 26.832031 28 27.679688 27.101562 27 26 C 26.320312 24.898438 24.917969 24 23.882812 24 C 22.847656 24 22 24.898438 22 26 M 33 26 C 32.199219 27.296875 41.6875 28 60 28 C 78.3125 28 87.800781 27.296875 87 26 C 85.359375 23.34375 34.640625 23.34375 33 26 M 93 26 C 92.320312 27.101562 93.617188 28 95.882812 28 C 98.144531 28 100 27.101562 100 26 C 100 24.898438 98.703125 24 97.117188 24 C 95.53125 24 93.679688 24.898438 93 26 M 18.453125 71.5 L 19 105 L 101 105 L 102 92 C 102.84375 81.027344 103.546875 79.09375 106.5 79.589844 C 108.574219 79.9375 110 78.917969 110 77.089844 C 110 75.335938 108.273438 74 106 74 C 103.648438 74 102 72.664062 102 70.765625 C 102 68.519531 103.21875 67.851562 106 68.578125 C 108.988281 69.363281 110 68.640625 110 65.726562 C 110 63.121094 108.839844 62.019531 106.5 62.410156 C 104.460938 62.753906 103 61.746094 103 60 C 103 58.253906 104.460938 57.246094 106.5 57.589844 C 108.839844 57.980469 110 56.878906 110 54.273438 C 110 51.359375 108.988281 50.636719 106 51.421875 C 102.542969 52.324219 102 51.480469 102 45.234375 L 102 38 L 17.902344 38 L 18.453125 71.5 M 26.5 48.5 C 26.957031 49.875 28.535156 51 30 51 C 31.464844 51 33.042969 49.875 33.5 48.5 C 33.996094 47.011719 32.578125 46 30 46 C 27.421875 46 26.003906 47.011719 26.5 48.5 M 42 49 C 42 50.648438 43.351562 52 45 52 C 46.648438 52 48 50.648438 48 49 C 48 47.351562 46.648438 46 45 46 C 43.351562 46 42 47.351562 42 49 M 56.5 48.5 C 56.957031 49.875 58.535156 51 60 51 C 61.464844 51 63.042969 49.875 63.5 48.5 C 63.996094 47.011719 62.578125 46 60 46 C 57.421875 46 56.003906 47.011719 56.5 48.5 M 72 49 C 72 50.648438 73.351562 52 75 52 C 76.648438 52 78 50.648438 78 49 C 78 47.351562 76.648438 46 75 46 C 73.351562 46 72 47.351562 72 49 M 86.5 48.5 C 86.957031 49.875 88.535156 51 90 51 C 91.464844 51 93.042969 49.875 93.5 48.5 C 93.996094 47.011719 92.578125 46 90 46 C 87.421875 46 86.003906 47.011719 86.5 48.5 M 26.890625 62.175781 C 24.832031 65.511719 29.464844 69.335938 32.226562 66.574219 C 34.535156 64.265625 33.089844 60 30 60 C 29.03125 60 27.632812 60.976562 26.890625 62.175781 M 42.355469 63.105469 C 43.257812 67.449219 46.808594 67.714844 47.621094 63.5 C 48.039062 61.308594 47.058594 60 45 60 C 43.078125 60 41.976562 61.292969 42.355469 63.105469 M 56.890625 62.175781 C 54.832031 65.511719 59.464844 69.335938 62.226562 66.574219 C 64.535156 64.265625 63.089844 60 60 60 C 59.03125 60 57.632812 60.976562 56.890625 62.175781 M 72.355469 63.105469 C 73.257812 67.449219 76.808594 67.714844 77.621094 63.5 C 78.039062 61.308594 77.058594 60 75 60 C 73.078125 60 71.976562 61.292969 72.355469 63.105469 M 86.890625 62.175781 C 84.832031 65.511719 89.464844 69.335938 92.226562 66.574219 C 94.535156 64.265625 93.089844 60 90 60 C 89.03125 60 87.632812 60.976562 86.890625 62.175781 M 26.5 78.5 C 26.957031 79.875 28.535156 81 30 81 C 31.464844 81 33.042969 79.875 33.5 78.5 C 33.996094 77.011719 32.578125 76 30 76 C 27.421875 76 26.003906 77.011719 26.5 78.5 M 42.394531 86.5 L 43 97 L 63 97 L 64.210938 76 L 41.789062 76 L 42.394531 86.5 M 72.394531 86.5 L 73 97 L 93 97 L 94.210938 76 L 71.789062 76 L 72.394531 86.5 M 48 86 C 48 88.664062 49.335938 90 52 90 C 54.664062 90 56 88.664062 56 86 C 56 83.335938 54.664062 82 52 82 C 49.335938 82 48 83.335938 48 86 M 78 86 C 78 88.664062 79.335938 90 82 90 C 84.664062 90 86 88.664062 86 86 C 86 83.335938 84.664062 82 82 82 C 79.335938 82 78 83.335938 78 86 M 26.890625 92.175781 C 24.832031 95.511719 29.464844 99.335938 32.226562 96.574219 C 34.535156 94.265625 33.089844 90 30 90 C 29.03125 90 27.632812 90.976562 26.890625 92.175781 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/datepicker/resources/store/screenshot1.png b/sdkjs-plugins/content/datepicker/resources/store/screenshot1.png
new file mode 100644
index 00000000..00094b8c
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/store/screenshot1.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/store/screenshot2.png b/sdkjs-plugins/content/datepicker/resources/store/screenshot2.png
new file mode 100644
index 00000000..866a531b
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/store/screenshot2.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/store/screenshot3.png b/sdkjs-plugins/content/datepicker/resources/store/screenshot3.png
new file mode 100644
index 00000000..9b4a3f0f
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/store/screenshot3.png differ
diff --git a/sdkjs-plugins/content/datepicker/resources/store/screenshot4.png b/sdkjs-plugins/content/datepicker/resources/store/screenshot4.png
new file mode 100644
index 00000000..e9d800a9
Binary files /dev/null and b/sdkjs-plugins/content/datepicker/resources/store/screenshot4.png differ
diff --git a/sdkjs-plugins/content/datepicker/scripts/code.js b/sdkjs-plugins/content/datepicker/scripts/code.js
new file mode 100644
index 00000000..d3dceb7d
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/scripts/code.js
@@ -0,0 +1,1022 @@
+// Helper function to translate and clean up English keys
+function tr(key) {
+  if (window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+    const translated = window.Asc.plugin.tr(key);
+
+    // If translation returns the same as key (meaning English), clean it up
+    if (translated === key) {
+      // Remove context markers for English display
+      return key.replace(/ \(full\)|\(short\)/g, "");
+    }
+
+    return translated;
+  }
+
+  // Fallback: clean up the key for display
+  return key.replace(/ \(full\)|\(short\)/g, "");
+}
+
+// Helper function to get proper weekday abbreviations
+function getWeekdayAbbreviation(fullWeekdayName, index) {
+  // Check if this looks like Albanian format (starts with "E " followed by another word)
+  if (fullWeekdayName.startsWith("E ") && fullWeekdayName.length > 2) {
+    // Extract the first letter of the second word
+    const secondWord = fullWeekdayName.substring(2).trim();
+    return secondWord.charAt(0).toUpperCase();
+  }
+
+  // For other languages, use the first 2 characters as before
+  return fullWeekdayName.substring(0, 2);
+}
+
+// Custom Calendar Class with Translation Support
+class CustomCalendar {
+  constructor(input, options = {}) {
+    this.input = input;
+    this.calendar = document.getElementById("customCalendar");
+    this.calendarDays = document.getElementById("calendarDays");
+    this.calendarTitle = document.getElementById("monthYearTitle");
+    this.prevBtn = document.getElementById("prevBtn");
+    this.nextBtn = document.getElementById("nextBtn");
+    this.calendarIcon = document.getElementById("calendarIcon");
+    this.monthView = document.getElementById("monthView");
+    this.yearView = document.getElementById("yearView");
+    this.weekdays = document.getElementById("calendarWeekdays");
+
+    this.currentDate = new Date();
+    this.selectedDate = new Date();
+    this.viewYear = this.currentDate.getFullYear();
+    this.viewMonth = this.currentDate.getMonth();
+    this.isOpen = false;
+    this.currentView = "days";
+
+    // Initialize with English names - will be translated on onTranslate
+    this.months = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May (full)",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December",
+    ];
+
+    this.monthsShort = [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May (short)",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec",
+    ];
+
+    this.weekdays_full = [
+      "Sunday",
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+    ];
+
+    this.init();
+  }
+
+  // Method to update translations when language changes
+  updateLocalization() {
+    if (window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+      // Update months array with translations using English keys
+      this.months = [
+        tr("January"),
+        tr("February"),
+        tr("March"),
+        tr("April"),
+        tr("May (full)"),
+        tr("June"),
+        tr("July"),
+        tr("August"),
+        tr("September"),
+        tr("October"),
+        tr("November"),
+        tr("December"),
+      ];
+
+      this.monthsShort = [
+        tr("Jan"),
+        tr("Feb"),
+        tr("Mar"),
+        tr("Apr"),
+        tr("May (short)"),
+        tr("Jun"),
+        tr("Jul"),
+        tr("Aug"),
+        tr("Sep"),
+        tr("Oct"),
+        tr("Nov"),
+        tr("Dec"),
+      ];
+
+      this.weekdays_full = [
+        tr("Sunday"),
+        tr("Monday"),
+        tr("Tuesday"),
+        tr("Wednesday"),
+        tr("Thursday"),
+        tr("Friday"),
+        tr("Saturday"),
+      ];
+
+      // Update month view with translated names
+      const monthElements = document.querySelectorAll(".calendar-month");
+      monthElements.forEach((el, index) => {
+        el.textContent = this.monthsShort[index];
+      });
+
+      // Update the calendar display if it's been rendered
+      if (this.calendarTitle) {
+        this.updateTitle();
+      }
+    }
+  }
+
+  init() {
+    this.render();
+    this.bindEvents();
+    this.updateInput();
+    this.setupIcon();
+    this.applyThemeToIcon();
+  }
+
+  applyThemeToIcon() {
+    const body = document.body;
+    const mainContent = document.getElementById("mainContent");
+    const form = document.getElementById("mainForm");
+
+    let backgroundColor = window.getComputedStyle(body).backgroundColor;
+
+    if (
+      !backgroundColor ||
+      backgroundColor === "rgba(0, 0, 0, 0)" ||
+      backgroundColor === "transparent"
+    ) {
+      if (mainContent) {
+        backgroundColor = window.getComputedStyle(mainContent).backgroundColor;
+      }
+      if (
+        (!backgroundColor ||
+          backgroundColor === "rgba(0, 0, 0, 0)" ||
+          backgroundColor === "transparent") &&
+        form
+      ) {
+        backgroundColor = window.getComputedStyle(form).backgroundColor;
+      }
+    }
+
+    let isDark = false;
+
+    if (backgroundColor && backgroundColor.includes("rgb")) {
+      const rgb = backgroundColor.match(/\d+/g);
+      if (rgb && rgb.length >= 3) {
+        const r = parseInt(rgb[0]);
+        const g = parseInt(rgb[1]);
+        const b = parseInt(rgb[2]);
+
+        const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+        isDark = luminance < 0.5;
+      }
+    }
+
+    if (isDark) {
+      this.calendarIcon.classList.add("dark-theme");
+      this.calendarIcon.classList.remove("light-theme");
+    } else {
+      this.calendarIcon.classList.add("light-theme");
+      this.calendarIcon.classList.remove("dark-theme");
+    }
+  }
+
+  async setupIcon() {
+    try {
+      // Try multiple path resolution strategies
+      const paths = [
+        // Relative to plugin root
+        "./resources/button/calendar.png",
+        "resources/button/calendar.png",
+        // Absolute from plugin base
+        `${window.location.origin}${window.location.pathname
+          .split("/")
+          .slice(0, -1)
+          .join("/")}/resources/button/calendar.png`,
+      ];
+
+      let success = false;
+      for (const imagePath of paths) {
+        success = await testBackgroundImage(this.calendarIcon, imagePath);
+        if (success) {
+          console.log("Icon loaded from:", imagePath);
+          // Set the background image explicitly
+          this.calendarIcon.style.backgroundImage = `url('${imagePath}')`;
+          break;
+        }
+      }
+
+      if (!success) {
+        console.warn("Failed to load calendar icon from all paths");
+        // Fallback: use a unicode calendar symbol
+        this.calendarIcon.textContent = "📅";
+        this.calendarIcon.style.backgroundImage = "none";
+      }
+    } catch (error) {
+      console.error("Error setting up icon:", error);
+      this.calendarIcon.textContent = "📅";
+    }
+  }
+
+  bindEvents() {
+    this.input.addEventListener("click", () => this.toggle());
+    this.calendarIcon.addEventListener("click", () => this.toggle());
+
+    this.prevBtn.addEventListener("click", () => this.handleNavPrev());
+    this.nextBtn.addEventListener("click", () => this.handleNavNext());
+
+    this.calendarTitle.addEventListener("click", () => this.handleTitleClick());
+
+    document.querySelectorAll(".calendar-month").forEach((monthEl) => {
+      monthEl.addEventListener("click", () => {
+        this.viewMonth = parseInt(monthEl.dataset.month);
+        this.showDayView();
+      });
+    });
+
+    document.addEventListener("click", (e) => {
+      if (!this.input.parentNode.contains(e.target)) {
+        this.hide();
+      }
+    });
+
+    this.calendar.addEventListener("click", (e) => {
+      e.stopPropagation();
+    });
+  }
+
+  handleNavPrev() {
+    if (this.currentView === "days") {
+      this.previousMonth();
+    } else if (this.currentView === "months") {
+      this.viewYear--;
+      this.updateTitle();
+    } else if (this.currentView === "years") {
+      this.viewYear -= 12;
+      this.showYearView();
+    }
+  }
+
+  handleNavNext() {
+    if (this.currentView === "days") {
+      this.nextMonth();
+    } else if (this.currentView === "months") {
+      this.viewYear++;
+      this.updateTitle();
+    } else if (this.currentView === "years") {
+      this.viewYear += 12;
+      this.showYearView();
+    }
+  }
+
+  handleTitleClick() {
+    if (this.currentView === "days") {
+      this.showMonthView();
+    } else if (this.currentView === "months") {
+      this.showYearView();
+    } else {
+      this.showDayView();
+    }
+  }
+
+  toggle() {
+    this.isOpen ? this.hide() : this.show();
+  }
+
+  show() {
+    this.calendar.classList.add("show");
+    this.calendarIcon.classList.add("active");
+    this.isOpen = true;
+    this.applyThemeToCalendar();
+  }
+
+  applyThemeToCalendar() {
+    const body = document.body;
+    const mainContent = document.getElementById("mainContent");
+    const form = document.getElementById("mainForm");
+
+    let backgroundColor = window.getComputedStyle(body).backgroundColor;
+
+    if (
+      !backgroundColor ||
+      backgroundColor === "rgba(0, 0, 0, 0)" ||
+      backgroundColor === "transparent"
+    ) {
+      if (mainContent) {
+        backgroundColor = window.getComputedStyle(mainContent).backgroundColor;
+      }
+      if (
+        (!backgroundColor ||
+          backgroundColor === "rgba(0, 0, 0, 0)" ||
+          backgroundColor === "transparent") &&
+        form
+      ) {
+        backgroundColor = window.getComputedStyle(form).backgroundColor;
+      }
+    }
+
+    let isDark = false;
+    let r = 255,
+      g = 255,
+      b = 255;
+
+    if (backgroundColor && backgroundColor.includes("rgb")) {
+      const rgb = backgroundColor.match(/\d+/g);
+      if (rgb && rgb.length >= 3) {
+        r = parseInt(rgb[0]);
+        g = parseInt(rgb[1]);
+        b = parseInt(rgb[2]);
+
+        const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+        isDark = luminance < 0.5;
+      }
+    }
+
+    let calendarBgColor, calendarTextColor;
+
+    if (isDark) {
+      const darkerR = Math.max(0, r - 15);
+      const darkerG = Math.max(0, g - 15);
+      const darkerB = Math.max(0, b - 15);
+      calendarBgColor = `rgb(${darkerR}, ${darkerG}, ${darkerB})`;
+      calendarTextColor = "#ffffff";
+    } else {
+      const lighterR = Math.min(255, r + 15);
+      const lighterG = Math.min(255, g + 15);
+      const lighterB = Math.min(255, b + 15);
+      calendarBgColor = `rgb(${lighterR}, ${lighterG}, ${lighterB})`;
+      calendarTextColor = "#000000";
+    }
+
+    this.calendar.style.setProperty(
+      "background-color",
+      calendarBgColor,
+      "important"
+    );
+    this.calendar.style.setProperty("color", calendarTextColor, "important");
+
+    if (isDark) {
+      this.calendarIcon.classList.add("dark-theme");
+      this.calendarIcon.classList.remove("light-theme");
+    } else {
+      this.calendarIcon.classList.add("light-theme");
+      this.calendarIcon.classList.remove("dark-theme");
+    }
+
+    const allElements = this.calendar.querySelectorAll("*");
+    allElements.forEach((element) => {
+      if (
+        !element.matches(".calendar-day:nth-child(7n+1)") &&
+        !element.matches(".calendar-day:nth-child(7n)")
+      ) {
+        element.style.setProperty("color", calendarTextColor, "important");
+      }
+    });
+
+    const selectedElements = this.calendar.querySelectorAll(
+      ".calendar-day.selected, .calendar-month.active, .calendar-year.active"
+    );
+    selectedElements.forEach((element) => {
+      if (isDark) {
+        element.style.setProperty("background-color", "#9ca3af", "important");
+        element.style.setProperty("color", "#ffffff", "important");
+      } else {
+        element.style.setProperty("background-color", "#d1d5db", "important");
+        element.style.setProperty("color", "#000000", "important");
+      }
+    });
+  }
+
+  hide() {
+    this.calendar.classList.remove("show");
+    this.calendarIcon.classList.remove("active");
+    this.isOpen = false;
+    this.showDayView();
+  }
+
+  showMonthView() {
+    this.currentView = "months";
+    this.monthView.style.display = "grid";
+    this.yearView.style.display = "none";
+    this.calendarDays.style.display = "none";
+    this.weekdays.style.display = "none";
+
+    document.querySelectorAll(".calendar-month").forEach((el) => {
+      el.classList.remove("active");
+      if (parseInt(el.dataset.month) === this.viewMonth) {
+        el.classList.add("active");
+      }
+    });
+
+    this.updateTitle();
+  }
+
+  showYearView() {
+    this.currentView = "years";
+    this.monthView.style.display = "none";
+    this.yearView.style.display = "grid";
+    this.calendarDays.style.display = "none";
+    this.weekdays.style.display = "none";
+
+    this.generateYears();
+    this.updateTitle();
+  }
+
+  showDayView() {
+    this.currentView = "days";
+    this.monthView.style.display = "none";
+    this.yearView.style.display = "none";
+    this.calendarDays.style.display = "grid";
+    this.weekdays.style.display = "grid";
+
+    this.render();
+  }
+
+  generateYears() {
+    this.yearView.innerHTML = "";
+    const currentYear = this.viewYear;
+    const startYear = currentYear - 6;
+
+    for (let year = startYear; year < startYear + 12; year++) {
+      const yearEl = document.createElement("div");
+      yearEl.className = "calendar-year";
+      yearEl.textContent = year;
+      yearEl.dataset.year = year;
+      if (year === currentYear) yearEl.classList.add("active");
+
+      yearEl.addEventListener("click", () => {
+        this.viewYear = year;
+        this.showMonthView();
+      });
+      this.yearView.appendChild(yearEl);
+    }
+  }
+
+  previousMonth() {
+    this.viewMonth--;
+    if (this.viewMonth < 0) {
+      this.viewMonth = 11;
+      this.viewYear--;
+    }
+    this.render();
+  }
+
+  nextMonth() {
+    this.viewMonth++;
+    if (this.viewMonth > 11) {
+      this.viewMonth = 0;
+      this.viewYear++;
+    }
+    this.render();
+  }
+
+  render() {
+    this.updateTitle();
+    this.calendarDays.innerHTML = "";
+
+    const firstDay = new Date(this.viewYear, this.viewMonth, 1);
+    const startDate = new Date(firstDay);
+    startDate.setDate(startDate.getDate() - firstDay.getDay());
+
+    // 42 days = 6 rows × 7 days (standard calendar grid to show complete weeks)
+    for (let i = 0; i < 42; i++) {
+      const date = new Date(startDate);
+      date.setDate(startDate.getDate() + i);
+
+      const dayEl = document.createElement("div");
+      dayEl.classList.add("calendar-day");
+      dayEl.textContent = date.getDate();
+
+      if (date.getMonth() !== this.viewMonth) {
+        dayEl.classList.add("other-month");
+      }
+
+      if (this.isSameDay(date, this.currentDate)) {
+        dayEl.classList.add("today");
+      }
+
+      if (this.isSameDay(date, this.selectedDate)) {
+        dayEl.classList.add("selected");
+      }
+
+      dayEl.addEventListener("click", () => {
+        this.selectDate(date);
+      });
+
+      this.calendarDays.appendChild(dayEl);
+    }
+  }
+
+  updateTitle() {
+    if (this.currentView === "days") {
+      this.calendarTitle.textContent = `${this.months[this.viewMonth]} ${
+        this.viewYear
+      }`;
+    } else if (this.currentView === "months") {
+      this.calendarTitle.textContent = this.viewYear;
+    } else {
+      const startYear = this.viewYear - 6;
+      this.calendarTitle.textContent = `${startYear}-${startYear + 11}`;
+    }
+  }
+
+  selectDate(date) {
+    this.selectedDate = new Date(date);
+    this.updateInput();
+    this.render();
+    this.hide();
+    this.input.dispatchEvent(new Event("datechange"));
+
+    // Use requestAnimationFrame to apply styles after render
+    requestAnimationFrame(() => {
+      this.applyGreyToSelected();
+    });
+  }
+
+  applyGreyToSelected() {
+    const calendarBg = window.getComputedStyle(this.calendar).backgroundColor;
+    const isDark = this.isBackgroundDark(calendarBg);
+
+    const selectedElements = this.calendar.querySelectorAll(
+      ".calendar-day.selected, .calendar-month.active, .calendar-year.active"
+    );
+    selectedElements.forEach((element) => {
+      if (isDark) {
+        element.style.setProperty("background-color", "#9ca3af", "important");
+        element.style.setProperty("color", "#ffffff", "important");
+      } else {
+        element.style.setProperty("background-color", "#d1d5db", "important");
+        element.style.setProperty("color", "#000000", "important");
+      }
+    });
+  }
+
+  isBackgroundDark(backgroundColor) {
+    if (backgroundColor && backgroundColor.includes("rgb")) {
+      const rgb = backgroundColor.match(/\d+/g);
+      if (rgb && rgb.length >= 3) {
+        const r = parseInt(rgb[0]);
+        const g = parseInt(rgb[1]);
+        const b = parseInt(rgb[2]);
+        const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+        return luminance < 0.5;
+      }
+    }
+    return false;
+  }
+
+  updateInput() {
+    const formatSelect = document.getElementById("dateFormat");
+    this.input.value = this.formatDate(this.selectedDate, formatSelect.value);
+  }
+
+  getDate() {
+    return this.selectedDate;
+  }
+
+  setDate(date) {
+    this.selectedDate = new Date(date);
+    this.viewYear = date.getFullYear();
+    this.viewMonth = date.getMonth();
+    this.updateInput();
+    this.render();
+  }
+
+  isSameDay(date1, date2) {
+    return (
+      date1.getDate() === date2.getDate() &&
+      date1.getMonth() === date2.getMonth() &&
+      date1.getFullYear() === date2.getFullYear()
+    );
+  }
+
+  formatDate(date, format) {
+    const day = date.getDate();
+    const dayPadded = String(day).padStart(2, "0");
+    const month = date.getMonth() + 1;
+    const monthPadded = String(month).padStart(2, "0");
+    const year = date.getFullYear();
+    const yearShort = String(year).slice(-2);
+
+    const weekday = this.weekdays_full[date.getDay()];
+    const monthFull = this.months[month - 1];
+    const monthShort = this.monthsShort[month - 1];
+
+    switch (format) {
+      case "MM/DD/YYYY":
+        return `${monthPadded}/${dayPadded}/${year}`;
+      case "dddd, MMMM D, YYYY":
+        return `${weekday}, ${monthFull} ${day}, ${year}`;
+      case "MMMM D, YYYY":
+        return `${monthFull} ${day}, ${year}`;
+      case "M/D/YY":
+        return `${month}/${day}/${yearShort}`;
+      case "YYYY-MM-DD":
+        return `${year}-${monthPadded}-${dayPadded}`;
+      case "D-MMM-YY":
+        return `${dayPadded}-${monthShort}-${yearShort}`;
+      case "M.D.YYYY":
+        return `${month}.${day}.${year}`;
+      default:
+        return `${monthPadded}/${dayPadded}/${year}`;
+    }
+  }
+}
+
+// Global calendar instance
+let globalCalendar = null;
+
+// Background image detection utility
+function testBackgroundImage(element, url) {
+  return new Promise((resolve) => {
+    const testImg = new Image();
+    testImg.onload = () => {
+      element.classList.add("has-bg-image");
+      resolve(true);
+    };
+    testImg.onerror = () => {
+      element.classList.remove("has-bg-image");
+      resolve(false);
+    };
+    testImg.src = url;
+  });
+}
+
+// Initialize plugin
+window.Asc = window.Asc || {};
+window.Asc.plugin = window.Asc.plugin || {};
+window.Asc.scope = window.Asc.scope || {};
+
+window.Asc.plugin.init = function () {
+  if (this.executeMethod) window.pluginAPI = this;
+
+  showLoadingScreen(tr("Initializing plugin..."));
+
+  // Use requestAnimationFrame to ensure loading screen renders before heavy work
+  requestAnimationFrame(() => {
+    initializeDatePicker();
+
+    // Hide loading screen after datepicker renders
+    requestAnimationFrame(() => {
+      hideLoadingScreen();
+    });
+  });
+};
+
+window.Asc.plugin.onTranslate = function () {
+  // Update instruction text
+  const instructionText = document.getElementById("instructionText");
+  if (instructionText) {
+    instructionText.innerHTML = tr(
+      "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell."
+    );
+  }
+
+  // Update labels
+  const selectDateLabel = document.getElementById("selectDateLabel");
+  if (selectDateLabel) {
+    selectDateLabel.innerHTML = tr("Select date");
+  }
+
+  const selectDateFormatLabel = document.getElementById(
+    "selectDateFormatLabel"
+  );
+  if (selectDateFormatLabel) {
+    selectDateFormatLabel.innerHTML = tr("Select date format");
+  }
+
+  // Update button text
+  const insertDateBtn = document.getElementById("insertDate");
+  if (insertDateBtn) {
+    insertDateBtn.innerHTML = tr("Insert date");
+  }
+
+  // Update loading texts
+  const pleaseDoNotClose = document.getElementById("pleaseDoNotClose");
+  if (pleaseDoNotClose) {
+    pleaseDoNotClose.innerHTML = tr(
+      "Please <strong>do not close</strong> the plugin panel."
+    );
+  }
+
+  const loadingText = document.getElementById("loadingText");
+  if (loadingText) {
+    loadingText.innerHTML = tr("Loading...");
+  }
+
+  // Update input placeholder
+  const dateInput = document.getElementById("dateInput");
+  if (dateInput) {
+    dateInput.placeholder = tr("Select a date");
+  }
+
+  // Update weekday abbreviations in calendar
+  const weekdayElements = document.querySelectorAll("[data-day]");
+  const weekdayKeys = [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+  ];
+
+  weekdayElements.forEach((el, index) => {
+    if (weekdayKeys[index]) {
+      const translated = tr(weekdayKeys[index]);
+      const abbreviation = getWeekdayAbbreviation(translated, index);
+      el.textContent = abbreviation;
+    }
+  });
+
+  // Update calendar instance if it exists
+  if (globalCalendar) {
+    globalCalendar.updateLocalization();
+    globalCalendar.render();
+  }
+};
+
+function showLoadingScreen(message = "Loading...") {
+  const loadingOverlay = document.getElementById("loadingOverlay");
+  const loadingText = document.getElementById("loadingText");
+  if (loadingOverlay && loadingText) {
+    loadingText.textContent = tr(message);
+    loadingOverlay.style.display = "flex";
+    document.getElementById("mainContent").classList.add("loading");
+  }
+}
+
+function hideLoadingScreen() {
+  const loadingOverlay = document.getElementById("loadingOverlay");
+  if (loadingOverlay) {
+    loadingOverlay.style.display = "none";
+    document.getElementById("mainContent").classList.remove("loading");
+  }
+}
+
+// FIXED: Using Asc.scope instead of eval for security and maintainability
+function insertDateValue(formattedDate, selectedDate, selectedFormat) {
+  if (!window.pluginAPI) {
+    console.error("Plugin API not available");
+    throw new Error("Plugin API not available");
+  }
+
+  try {
+    // Convert JavaScript Date to Excel serial number
+    // Excel dates are days since December 30, 1899
+    const excelEpoch = new Date(1899, 11, 30);
+    const excelSerialNumber = Math.floor(
+      (selectedDate - excelEpoch) / (24 * 60 * 60 * 1000)
+    );
+
+    // Store the date value and format in Asc.scope
+    window.Asc.scope.dateValue = excelSerialNumber;
+    window.Asc.scope.formatCode = getExcelFormatCode(selectedFormat);
+
+    // Use Asc.scope - insert as actual date number
+    window.pluginAPI.callCommand(function () {
+      try {
+        // Access the date from Asc.scope
+        var dateValue = Asc.scope.dateValue;
+        var formatCode = Asc.scope.formatCode;
+        var oWorksheet = Api.GetActiveSheet();
+
+        if (!oWorksheet) {
+          return false;
+        }
+
+        var oSelection = oWorksheet.GetSelection();
+        if (!oSelection) {
+          var oActiveCell = oWorksheet.GetActiveCell();
+          if (oActiveCell) {
+            oActiveCell.SetValue(dateValue);
+            oActiveCell.SetNumberFormat(formatCode);
+            return true;
+          }
+          return false;
+        }
+
+        try {
+          oSelection.Clear();
+          oSelection.SetValue(dateValue);
+          oSelection.SetNumberFormat(formatCode);
+          return true;
+        } catch (directError) {
+          try {
+            var oRange = oSelection;
+            if (oRange.GetRowsCount && oRange.GetColsCount) {
+              var rowCount = oRange.GetRowsCount();
+              var colCount = oRange.GetColsCount();
+
+              for (var row = 0; row < rowCount; row++) {
+                for (var col = 0; col < colCount; col++) {
+                  var oCell = oRange.GetRows(row).GetCells(col);
+                  if (oCell) {
+                    oCell.SetValue(dateValue);
+                    oCell.SetNumberFormat(formatCode);
+                  }
+                }
+              }
+              return true;
+            } else {
+              oSelection.SetValue(dateValue);
+              oSelection.SetNumberFormat(formatCode);
+              return true;
+            }
+          } catch (cellError) {
+            var oActiveCell = oWorksheet.GetActiveCell();
+            if (oActiveCell) {
+              oActiveCell.SetValue(dateValue);
+              oActiveCell.SetNumberFormat(formatCode);
+              return true;
+            }
+            return false;
+          }
+        }
+      } catch (e) {
+        return false;
+      }
+    });
+
+    // Clean up the scope after use
+    delete window.Asc.scope.dateValue;
+    delete window.Asc.scope.formatCode;
+
+    return true;
+  } catch (e) {
+    console.error("Error in insertDateValue:", e);
+    // Clean up on error too
+    delete window.Asc.scope.dateValue;
+    delete window.Asc.scope.formatCode;
+    throw e;
+  }
+}
+
+// Helper function to convert our format strings to Excel number format codes
+function getExcelFormatCode(format) {
+  switch (format) {
+    case "MM/DD/YYYY":
+      return "mm/dd/yyyy";
+    case "dddd, MMMM D, YYYY":
+      return "dddd, mmmm dd, yyyy";
+    case "MMMM D, YYYY":
+      return "mmmm dd, yyyy";
+    case "M/D/YY":
+      return "mm/dd/yy";
+    case "YYYY-MM-DD":
+      return "yyyy-mm-dd";
+    case "D-MMM-YY":
+      return "dd-mmm-yy";
+    case "M.D.YYYY":
+      return "mm.dd.yyyy";
+    default:
+      return "mm/dd/yyyy";
+  }
+}
+
+function validateAndGetFormat(formatSelect) {
+  const format = formatSelect.value;
+  const validFormats = [
+    "MM/DD/YYYY",
+    "dddd, MMMM D, YYYY",
+    "MMMM D, YYYY",
+    "M/D/YY",
+    "YYYY-MM-DD",
+    "D-MMM-YY",
+    "M.D.YYYY",
+  ];
+
+  if (validFormats.includes(format)) {
+    return format;
+  } else {
+    console.warn("Invalid format detected, falling back to default");
+    formatSelect.value = "MM/DD/YYYY";
+    return "MM/DD/YYYY";
+  }
+}
+
+function initializeDatePicker() {
+  const input = document.getElementById("dateInput");
+  const formatSelect = document.getElementById("dateFormat");
+  const insertBtn = document.getElementById("insertDate");
+
+  if (!input || !formatSelect || !insertBtn) return;
+
+  input.setAttribute("data-initialized", "true");
+  const calendar = new CustomCalendar(input);
+
+  // Store global reference for translation updates
+  globalCalendar = calendar;
+
+  function updateFormatOptions(selectedDate) {
+    const formats = [
+      "MM/DD/YYYY",
+      "dddd, MMMM D, YYYY",
+      "MMMM D, YYYY",
+      "M/D/YY",
+      "YYYY-MM-DD",
+      "D-MMM-YY",
+      "M.D.YYYY",
+    ];
+    const currentValue = formatSelect.value;
+    formatSelect.innerHTML = "";
+    formats.forEach((format) => {
+      const option = document.createElement("option");
+      option.value = format;
+      option.textContent = calendar.formatDate(selectedDate, format);
+      formatSelect.appendChild(option);
+    });
+    formatSelect.value = currentValue;
+  }
+
+  updateFormatOptions(new Date());
+
+  formatSelect.addEventListener("change", () => {
+    calendar.updateInput();
+  });
+
+  input.addEventListener("datechange", () =>
+    updateFormatOptions(calendar.getDate())
+  );
+
+  insertBtn.addEventListener("click", () => {
+    const selectedDate = calendar.getDate();
+    if (!selectedDate) {
+      return;
+    }
+
+    // Disable controls
+    insertBtn.disabled = true;
+    formatSelect.disabled = true;
+
+    const currentFormat = validateAndGetFormat(formatSelect);
+    const mainContent = document.getElementById("mainContent");
+    if (mainContent) {
+      mainContent.classList.add("loading");
+    }
+
+    showLoadingScreen(tr("Inserting date..."));
+
+    // Use requestAnimationFrame to ensure loading screen is visible
+    requestAnimationFrame(() => {
+      try {
+        const formattedDate = calendar.formatDate(selectedDate, currentFormat);
+
+        // Insert the date (synchronous operation)
+        insertDateValue(formattedDate, selectedDate, currentFormat);
+
+        // Success! Reset to today's date
+        const todaysDate = new Date();
+        formatSelect.selectedIndex = 0;
+        updateFormatOptions(todaysDate);
+        calendar.setDate(todaysDate);
+      } catch (error) {
+        console.error("Failed to insert date:", error);
+        alert(tr("Failed to insert date. Please try again."));
+      } finally {
+        // Re-enable controls and hide loading after a brief delay for visual feedback
+        requestAnimationFrame(() => {
+          insertBtn.disabled = false;
+          formatSelect.disabled = false;
+          hideLoadingScreen();
+
+          if (mainContent) {
+            mainContent.classList.remove("loading");
+          }
+        });
+      }
+    });
+  });
+
+  // Initial translation update if translations are already available
+  if (window.Asc.plugin.tr) {
+    window.Asc.plugin.onTranslate();
+  }
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/cs-CS.json b/sdkjs-plugins/content/datepicker/translations/cs-CS.json
new file mode 100644
index 00000000..81a1a96a
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/cs-CS.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Vyberte <strong>datum a formát</strong>, poté klikněte na tlačítko <strong>Vložit datum</strong>. Datum se zobrazí ve vybrané buňce.",
+  "Select date": "Vybrat datum",
+  "Select a date": "Vyberte datum",
+  "Select date format": "Vybrat formát data",
+  "Insert date": "Vložit datum",
+  "Loading...": "Načítání...",
+  "Loading plugin...": "Načítání pluginu...",
+  "Initializing plugin...": "Inicializace pluginu...",
+  "Inserting date...": "Vkládání data...",
+  "Please <strong>do not close</strong> the plugin panel.": "Prosím <strong>nezavírejte</strong> panel pluginu.",
+  "January": "Leden",
+  "February": "Únor",
+  "March": "Březen",
+  "April": "Duben",
+  "May (full)": "Květen",
+  "June": "Červen",
+  "July": "Červenec",
+  "August": "Srpen",
+  "September": "Září",
+  "October": "Říjen",
+  "November": "Listopad",
+  "December": "Prosinec",
+  "Sunday": "Neděle",
+  "Monday": "Pondělí",
+  "Tuesday": "Úterý",
+  "Wednesday": "Středa",
+  "Thursday": "Čtvrtek",
+  "Friday": "Pátek",
+  "Saturday": "Sobota",
+  "Jan": "Led",
+  "Feb": "Úno",
+  "Mar": "Bře",
+  "Apr": "Dub",
+  "May (short)": "Kvě",
+  "Jun": "Čer",
+  "Jul": "Čvc",
+  "Aug": "Srp",
+  "Sep": "Zář",
+  "Oct": "Říj",
+  "Nov": "Lis",
+  "Dec": "Pro"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/de-DE.json b/sdkjs-plugins/content/datepicker/translations/de-DE.json
new file mode 100644
index 00000000..c6773c8e
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/de-DE.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Wählen Sie das <strong>Datum und Format</strong>, dann klicken Sie auf die Schaltfläche <strong>Datum einfügen</strong>. Das Datum wird in der ausgewählten Zelle angezeigt.",
+  "Select date": "Datum auswählen",
+  "Select a date": "Datum auswählen",
+  "Select date format": "Datumsformat auswählen",
+  "Insert date": "Datum einfügen",
+  "Loading...": "Wird geladen...",
+  "Loading plugin...": "Plugin wird geladen...",
+  "Initializing plugin...": "Plugin wird initialisiert...",
+  "Inserting date...": "Datum wird eingefügt...",
+  "Please <strong>do not close</strong> the plugin panel.": "Bitte <strong>schließen Sie nicht</strong> das Plugin-Panel.",
+  "January": "Januar",
+  "February": "Februar",
+  "March": "März",
+  "April": "April",
+  "May (full)": "Mai",
+  "June": "Juni",
+  "July": "Juli",
+  "August": "August",
+  "September": "September",
+  "October": "Oktober",
+  "November": "November",
+  "December": "Dezember",
+  "Sunday": "Sonntag",
+  "Monday": "Montag",
+  "Tuesday": "Dienstag",
+  "Wednesday": "Mittwoch",
+  "Thursday": "Donnerstag",
+  "Friday": "Freitag",
+  "Saturday": "Samstag",
+  "Jan": "Jan",
+  "Feb": "Feb",
+  "Mar": "Mär",
+  "Apr": "Apr",
+  "May (short)": "Mai",
+  "Jun": "Jun",
+  "Jul": "Jul",
+  "Aug": "Aug",
+  "Sep": "Sep",
+  "Oct": "Okt",
+  "Nov": "Nov",
+  "Dec": "Dez"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/es-ES.json b/sdkjs-plugins/content/datepicker/translations/es-ES.json
new file mode 100644
index 00000000..b8acb3a8
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/es-ES.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Seleccione la <strong>fecha y formato</strong>, luego haga clic en el botón <strong>Insertar fecha</strong>. La fecha se mostrará en la celda seleccionada.",
+  "Select date": "Seleccionar fecha",
+  "Select a date": "Seleccione una fecha",
+  "Select date format": "Seleccionar formato de fecha",
+  "Insert date": "Insertar fecha",
+  "Loading...": "Cargando...",
+  "Loading plugin...": "Cargando plugin...",
+  "Initializing plugin...": "Inicializando plugin...",
+  "Inserting date...": "Insertando fecha...",
+  "Please <strong>do not close</strong> the plugin panel.": "Por favor <strong>no cierre</strong> el panel del plugin.",
+  "January": "Enero",
+  "February": "Febrero",
+  "March": "Marzo",
+  "April": "Abril",
+  "May (full)": "Mayo",
+  "June": "Junio",
+  "July": "Julio",
+  "August": "Agosto",
+  "September": "Septiembre",
+  "October": "Octubre",
+  "November": "Noviembre",
+  "December": "Diciembre",
+  "Sunday": "Domingo",
+  "Monday": "Lunes",
+  "Tuesday": "Martes",
+  "Wednesday": "Miércoles",
+  "Thursday": "Jueves",
+  "Friday": "Viernes",
+  "Saturday": "Sábado",
+  "Jan": "Ene",
+  "Feb": "Feb",
+  "Mar": "Mar",
+  "Apr": "Abr",
+  "May (short)": "May",
+  "Jun": "Jun",
+  "Jul": "Jul",
+  "Aug": "Ago",
+  "Sep": "Sep",
+  "Oct": "Oct",
+  "Nov": "Nov",
+  "Dec": "Dic"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/fr-FR.json b/sdkjs-plugins/content/datepicker/translations/fr-FR.json
new file mode 100644
index 00000000..bb147d73
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/fr-FR.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Sélectionnez la <strong>date et le format</strong>, puis cliquez sur le bouton <strong>Insérer la date</strong>. La date sera affichée dans la cellule sélectionnée.",
+  "Select date": "Sélectionner la date",
+  "Select a date": "Sélectionnez une date",
+  "Select date format": "Sélectionner le format de date",
+  "Insert date": "Insérer la date",
+  "Loading...": "Chargement...",
+  "Loading plugin...": "Chargement du plugin...",
+  "Initializing plugin...": "Initialisation du plugin...",
+  "Inserting date...": "Insertion de la date...",
+  "Please <strong>do not close</strong> the plugin panel.": "Veuillez <strong>ne pas fermer</strong> le panneau du plugin.",
+  "January": "Janvier",
+  "February": "Février",
+  "March": "Mars",
+  "April": "Avril",
+  "May (full)": "Mai",
+  "June": "Juin",
+  "July": "Juillet",
+  "August": "Août",
+  "September": "Septembre",
+  "October": "Octobre",
+  "November": "Novembre",
+  "December": "Décembre",
+  "Sunday": "Dimanche",
+  "Monday": "Lundi",
+  "Tuesday": "Mardi",
+  "Wednesday": "Mercredi",
+  "Thursday": "Jeudi",
+  "Friday": "Vendredi",
+  "Saturday": "Samedi",
+  "Jan": "Jan",
+  "Feb": "Fév",
+  "Mar": "Mar",
+  "Apr": "Avr",
+  "May (short)": "Mai",
+  "Jun": "Jun",
+  "Jul": "Jul",
+  "Aug": "Aoû",
+  "Sep": "Sep",
+  "Oct": "Oct",
+  "Nov": "Nov",
+  "Dec": "Déc"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/it-IT.json b/sdkjs-plugins/content/datepicker/translations/it-IT.json
new file mode 100644
index 00000000..55a0b91a
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/it-IT.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Seleziona la <strong>data e il formato</strong>, poi clicca sul pulsante <strong>Inserisci data</strong>. La data verrà visualizzata nella cella selezionata.",
+  "Select date": "Seleziona data",
+  "Select a date": "Seleziona una data",
+  "Select date format": "Seleziona formato data",
+  "Insert date": "Inserisci data",
+  "Loading...": "Caricamento...",
+  "Loading plugin...": "Caricamento plugin...",
+  "Initializing plugin...": "Inizializzazione plugin...",
+  "Inserting date...": "Inserimento data...",
+  "Please <strong>do not close</strong> the plugin panel.": "Si prega di <strong>non chiudere</strong> il pannello del plugin.",
+  "January": "Gennaio",
+  "February": "Febbraio",
+  "March": "Marzo",
+  "April": "Aprile",
+  "May (full)": "Maggio",
+  "June": "Giugno",
+  "July": "Luglio",
+  "August": "Agosto",
+  "September": "Settembre",
+  "October": "Ottobre",
+  "November": "Novembre",
+  "December": "Dicembre",
+  "Sunday": "Domenica",
+  "Monday": "Lunedì",
+  "Tuesday": "Martedì",
+  "Wednesday": "Mercoledì",
+  "Thursday": "Giovedì",
+  "Friday": "Venerdì",
+  "Saturday": "Sabato",
+  "Jan": "Gen",
+  "Feb": "Feb",
+  "Mar": "Mar",
+  "Apr": "Apr",
+  "May (short)": "Mag",
+  "Jun": "Giu",
+  "Jul": "Lug",
+  "Aug": "Ago",
+  "Sep": "Set",
+  "Oct": "Ott",
+  "Nov": "Nov",
+  "Dec": "Dic"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/ja-JA.json b/sdkjs-plugins/content/datepicker/translations/ja-JA.json
new file mode 100644
index 00000000..467c3194
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/ja-JA.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "<strong>日付と形式</strong>を選択し、<strong>日付を挿入</strong>ボタンをクリックしてください。選択したセルに日付が表示されます。",
+  "Select date": "日付を選択",
+  "Select a date": "日付を選択してください",
+  "Select date format": "日付形式を選択",
+  "Insert date": "日付を挿入",
+  "Loading...": "読み込み中...",
+  "Loading plugin...": "プラグインを読み込み中...",
+  "Initializing plugin...": "プラグインを初期化中...",
+  "Inserting date...": "日付を挿入中...",
+  "Please <strong>do not close</strong> the plugin panel.": "プラグインパネルを<strong>閉じないで</strong>ください。",
+  "January": "1月",
+  "February": "2月",
+  "March": "3月",
+  "April": "4月",
+  "May (full)": "5月",
+  "June": "6月",
+  "July": "7月",
+  "August": "8月",
+  "September": "9月",
+  "October": "10月",
+  "November": "11月",
+  "December": "12月",
+  "Sunday": "日曜日",
+  "Monday": "月曜日",
+  "Tuesday": "火曜日",
+  "Wednesday": "水曜日",
+  "Thursday": "木曜日",
+  "Friday": "金曜日",
+  "Saturday": "土曜日",
+  "Jan": "1月",
+  "Feb": "2月",
+  "Mar": "3月",
+  "Apr": "4月",
+  "May (short)": "5月",
+  "Jun": "6月",
+  "Jul": "7月",
+  "Aug": "8月",
+  "Sep": "9月",
+  "Oct": "10月",
+  "Nov": "11月",
+  "Dec": "12月"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/langs.json b/sdkjs-plugins/content/datepicker/translations/langs.json
new file mode 100644
index 00000000..439c8daf
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/langs.json
@@ -0,0 +1,14 @@
+[
+  "ru-RU",
+  "de-DE",
+  "fr-FR",
+  "es-ES",
+  "pt-BR",
+  "it-IT",
+  "ja-JA",
+  "zh-ZH",
+  "cs-CS",
+  "sq-AL",
+  "sr-RS",
+  "sr-Latn-RS"
+]
diff --git a/sdkjs-plugins/content/datepicker/translations/pt-BR.json b/sdkjs-plugins/content/datepicker/translations/pt-BR.json
new file mode 100644
index 00000000..4527543e
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/pt-BR.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Selecione a <strong>data e formato</strong>, depois clique no botão <strong>Inserir data</strong>. A data será exibida na célula selecionada.",
+  "Select date": "Selecionar data",
+  "Select a date": "Selecione uma data",
+  "Select date format": "Selecionar formato de data",
+  "Insert date": "Inserir data",
+  "Loading...": "Carregando...",
+  "Loading plugin...": "Carregando plugin...",
+  "Initializing plugin...": "Inicializando plugin...",
+  "Inserting date...": "Inserindo data...",
+  "Please <strong>do not close</strong> the plugin panel.": "Por favor <strong>não feche</strong> o painel do plugin.",
+  "January": "Janeiro",
+  "February": "Fevereiro",
+  "March": "Março",
+  "April": "Abril",
+  "May (full)": "Maio",
+  "June": "Junho",
+  "July": "Julho",
+  "August": "Agosto",
+  "September": "Setembro",
+  "October": "Outubro",
+  "November": "Novembro",
+  "December": "Dezembro",
+  "Sunday": "Domingo",
+  "Monday": "Segunda-feira",
+  "Tuesday": "Terça-feira",
+  "Wednesday": "Quarta-feira",
+  "Thursday": "Quinta-feira",
+  "Friday": "Sexta-feira",
+  "Saturday": "Sábado",
+  "Jan": "Jan",
+  "Feb": "Fev",
+  "Mar": "Mar",
+  "Apr": "Abr",
+  "May (short)": "Mai",
+  "Jun": "Jun",
+  "Jul": "Jul",
+  "Aug": "Ago",
+  "Sep": "Set",
+  "Oct": "Out",
+  "Nov": "Nov",
+  "Dec": "Dez"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/ru-RU.json b/sdkjs-plugins/content/datepicker/translations/ru-RU.json
new file mode 100644
index 00000000..a7b39a32
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/ru-RU.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Выберите <strong>дату и формат</strong>, затем нажмите кнопку <strong>Вставить дату</strong>. Дата будет отображена в выбранной ячейке.",
+  "Select date": "Выбрать дату",
+  "Select a date": "Выберите дату",
+  "Select date format": "Выбрать формат даты",
+  "Insert date": "Вставить дату",
+  "Loading...": "Загрузка...",
+  "Loading plugin...": "Загрузка плагина...",
+  "Initializing plugin...": "Инициализация плагина...",
+  "Inserting date...": "Вставка даты...",
+  "Please <strong>do not close</strong> the plugin panel.": "Пожалуйста, <strong>не закрывайте</strong> панель плагина.",
+  "January": "Январь",
+  "February": "Февраль",
+  "March": "Март",
+  "April": "Апрель",
+  "May (full)": "Май",
+  "June": "Июнь",
+  "July": "Июль",
+  "August": "Август",
+  "September": "Сентябрь",
+  "October": "Октябрь",
+  "November": "Ноябрь",
+  "December": "Декабрь",
+  "Sunday": "Воскресенье",
+  "Monday": "Понедельник",
+  "Tuesday": "Вторник",
+  "Wednesday": "Среда",
+  "Thursday": "Четверг",
+  "Friday": "Пятница",
+  "Saturday": "Суббота",
+  "Jan": "Янв",
+  "Feb": "Фев",
+  "Mar": "Мар",
+  "Apr": "Апр",
+  "May (short)": "Май",
+  "Jun": "Июн",
+  "Jul": "Июл",
+  "Aug": "Авг",
+  "Sep": "Сен",
+  "Oct": "Окт",
+  "Nov": "Ноя",
+  "Dec": "Дек"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/sq-AL.json b/sdkjs-plugins/content/datepicker/translations/sq-AL.json
new file mode 100644
index 00000000..277f1374
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/sq-AL.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Zgjidhni <strong>datën dhe formatin</strong>, pastaj klikoni butonin <strong>Fut datën</strong>. Data do të shfaqet në qelizën e zgjedhur.",
+  "Select date": "Zgjidhni datën",
+  "Select a date": "Zgjidhni një datë",
+  "Select date format": "Zgjidhni formatin e datës",
+  "Insert date": "Fut datën",
+  "Loading...": "Duke ngarkuar...",
+  "Loading plugin...": "Duke ngarkuar plugin-in...",
+  "Initializing plugin...": "Duke inicializuar plugin-in...",
+  "Inserting date...": "Duke futur datën...",
+  "Please <strong>do not close</strong> the plugin panel.": "Ju lutem <strong>mos e mbyllni</strong> panelin e plugin-it.",
+  "January": "Janar",
+  "February": "Shkurt",
+  "March": "Mars",
+  "April": "Prill",
+  "May (full)": "Maj",
+  "June": "Qershor",
+  "July": "Korrik",
+  "August": "Gusht",
+  "September": "Shtator",
+  "October": "Tetor",
+  "November": "Nëntor",
+  "December": "Dhjetor",
+  "Sunday": "E diel",
+  "Monday": "E hënë",
+  "Tuesday": "E martë",
+  "Wednesday": "E mërkurë",
+  "Thursday": "E enjte",
+  "Friday": "E premte",
+  "Saturday": "E shtunë",
+  "Jan": "Jan",
+  "Feb": "Shk",
+  "Mar": "Mar",
+  "Apr": "Pri",
+  "May (short)": "Maj",
+  "Jun": "Qer",
+  "Jul": "Kor",
+  "Aug": "Gus",
+  "Sep": "Sht",
+  "Oct": "Tet",
+  "Nov": "Nën",
+  "Dec": "Dhj"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/sr-Latn.json b/sdkjs-plugins/content/datepicker/translations/sr-Latn.json
new file mode 100644
index 00000000..040cef64
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/sr-Latn.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Izaberite <strong>datum i format</strong>, zatim kliknite na dugme <strong>Ubaci datum</strong>. Datum će biti prikazan u izabranoj ćeliji.",
+  "Select date": "Izaberi datum",
+  "Select a date": "Izaberite datum",
+  "Select date format": "Izaberi format datuma",
+  "Insert date": "Ubaci datum",
+  "Loading...": "Učitavanje...",
+  "Loading plugin...": "Učitavanje dodatka...",
+  "Initializing plugin...": "Inicijalizacija dodatka...",
+  "Inserting date...": "Ubacivanje datuma...",
+  "Please <strong>do not close</strong> the plugin panel.": "Molimo <strong>ne zatvarajte</strong> panel dodatka.",
+  "January": "Januar",
+  "February": "Februar",
+  "March": "Mart",
+  "April": "April",
+  "May (full)": "Maj",
+  "June": "Jun",
+  "July": "Jul",
+  "August": "Avgust",
+  "September": "Septembar",
+  "October": "Oktobar",
+  "November": "Novembar",
+  "December": "Decembar",
+  "Sunday": "Nedelja",
+  "Monday": "Ponedeljak",
+  "Tuesday": "Utorak",
+  "Wednesday": "Sreda",
+  "Thursday": "Četvrtak",
+  "Friday": "Petak",
+  "Saturday": "Subota",
+  "Jan": "Jan",
+  "Feb": "Feb",
+  "Mar": "Mar",
+  "Apr": "Apr",
+  "May (short)": "Maj",
+  "Jun": "Jun",
+  "Jul": "Jul",
+  "Aug": "Avg",
+  "Sep": "Sep",
+  "Oct": "Okt",
+  "Nov": "Nov",
+  "Dec": "Dec"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/sr-RS.json b/sdkjs-plugins/content/datepicker/translations/sr-RS.json
new file mode 100644
index 00000000..ca9ce1d9
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/sr-RS.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "Изаберите <strong>датум и формат</strong>, затим кликните на дугме <strong>Убаци датум</strong>. Датум ће бити приказан у изабраној ћелији.",
+  "Select date": "Изабери датум",
+  "Select a date": "Изаберите датум",
+  "Select date format": "Изабери формат датума",
+  "Insert date": "Убаци датум",
+  "Loading...": "Учитавање...",
+  "Loading plugin...": "Учитавање додатка...",
+  "Initializing plugin...": "Иницијализација додатка...",
+  "Inserting date...": "Убацивање датума...",
+  "Please <strong>do not close</strong> the plugin panel.": "Молимо <strong>не затварајте</strong> панел додатка.",
+  "January": "Јануар",
+  "February": "Фебруар",
+  "March": "Март",
+  "April": "Април",
+  "May (full)": "Мај",
+  "June": "Јун",
+  "July": "Јул",
+  "August": "Август",
+  "September": "Септембар",
+  "October": "Октобар",
+  "November": "Новембар",
+  "December": "Децембар",
+  "Sunday": "Недеља",
+  "Monday": "Понедељак",
+  "Tuesday": "Уторак",
+  "Wednesday": "Среда",
+  "Thursday": "Четвртак",
+  "Friday": "Петак",
+  "Saturday": "Субота",
+  "Jan": "Јан",
+  "Feb": "Феб",
+  "Mar": "Мар",
+  "Apr": "Апр",
+  "May (short)": "Мај",
+  "Jun": "Јун",
+  "Jul": "Јул",
+  "Aug": "Авг",
+  "Sep": "Сеп",
+  "Oct": "Окт",
+  "Nov": "Нов",
+  "Dec": "Дец"
+}
diff --git a/sdkjs-plugins/content/datepicker/translations/zh-ZH.json b/sdkjs-plugins/content/datepicker/translations/zh-ZH.json
new file mode 100644
index 00000000..c2069c73
--- /dev/null
+++ b/sdkjs-plugins/content/datepicker/translations/zh-ZH.json
@@ -0,0 +1,43 @@
+{
+  "Select the <strong>date and format</strong>, then click the <strong>Insert date</strong> button. The date will be displayed in the selected cell.": "选择<strong>日期和格式</strong>，然后点击<strong>插入日期</strong>按钮。日期将显示在选定的单元格中。",
+  "Select date": "选择日期",
+  "Select a date": "选择一个日期",
+  "Select date format": "选择日期格式",
+  "Insert date": "插入日期",
+  "Loading...": "加载中...",
+  "Loading plugin...": "加载插件中...",
+  "Initializing plugin...": "初始化插件中...",
+  "Inserting date...": "插入日期中...",
+  "Please <strong>do not close</strong> the plugin panel.": "请<strong>不要关闭</strong>插件面板。",
+  "January": "一月",
+  "February": "二月",
+  "March": "三月",
+  "April": "四月",
+  "May (full)": "五月",
+  "June": "六月",
+  "July": "七月",
+  "August": "八月",
+  "September": "九月",
+  "October": "十月",
+  "November": "十一月",
+  "December": "十二月",
+  "Sunday": "星期日",
+  "Monday": "星期一",
+  "Tuesday": "星期二",
+  "Wednesday": "星期三",
+  "Thursday": "星期四",
+  "Friday": "星期五",
+  "Saturday": "星期六",
+  "Jan": "1月",
+  "Feb": "2月",
+  "Mar": "3月",
+  "Apr": "4月",
+  "May (short)": "5月",
+  "Jun": "6月",
+  "Jul": "7月",
+  "Aug": "8月",
+  "Sep": "9月",
+  "Oct": "10月",
+  "Nov": "11月",
+  "Dec": "12月"
+}
diff --git a/sdkjs-plugins/content/news/CHANGELOG.md b/sdkjs-plugins/content/news/CHANGELOG.md
new file mode 100644
index 00000000..23477f53
--- /dev/null
+++ b/sdkjs-plugins/content/news/CHANGELOG.md
@@ -0,0 +1,4 @@
+# Change Log
+
+## 1.0.0 - Initial Release
+
diff --git a/sdkjs-plugins/content/news/README.md b/sdkjs-plugins/content/news/README.md
new file mode 100644
index 00000000..86338435
--- /dev/null
+++ b/sdkjs-plugins/content/news/README.md
@@ -0,0 +1,85 @@
+# News Plugin
+
+## Overview
+
+Search through millions of articles from multiple news sources using various news API providers. This plugin allows you to search for articles by keywords and browse top headlines by category and country, then open them directly in your browser.
+
+The plugin supports multiple news API providers. Choose your preferred provider and get a free API key to start using the plugin.
+
+## Features
+
+- **Multiple Providers**: Support for GNews and TheNewsAPI with easy provider switching
+- **Keyword Search**: Search for articles using specific keywords or phrases
+- **Top Headlines**: Browse top headlines by category (Business, Technology, Sports, etc.)
+- **Provider-Specific Options**: Dynamic UI that adapts to each provider's capabilities
+- **Language Support**: Support for multiple languages (English, Spanish, French, German, etc.)
+- **Advanced Settings**: Sort by publication date or relevance, filter by domains (TheNewsAPI)
+- **Display Options**: Choose what to display (available for GNews)
+- **Direct Access**: Click any article to open it in a new browser tab
+
+## Supported Providers
+
+### GNews ([gnews.io](https://gnews.io))
+- 100 requests/day (free tier)
+- Search in title, description, or content
+- 60,000+ news sources
+
+### TheNewsAPI ([thenewsapi.com](https://www.thenewsapi.com))
+- 150 requests/day (free tier)
+- Filter by specific domains
+- Locale-based filtering
+
+## How to use
+
+1. **Choose Provider**: Select your preferred news provider (GNews or TheNewsAPI)
+2. **Get API Key**: Register at your chosen provider's website and get your free API key
+3. **Install Plugin**: Open the plugin from the Plugins tab in ONLYOFFICE
+4. **Setup**: Enter your API key when prompted
+5. **Search**: Use the Search tab to find articles by keywords
+6. **Headlines**: Use the Top Headlines tab to browse news by category
+7. **Open Articles**: Click on any article to open it in your browser
+
+### Search Tab
+
+1. Enter keywords in the search field
+2. **(GNews only)** Choose what to display using the checkboxes (Title, Description, Content)
+3. Optionally configure advanced settings (language, sort order, domains for TheNewsAPI)
+4. Click "Find" to search
+
+### Top Headlines Tab
+
+1. Optionally enter keywords to filter headlines
+2. Select a category (General, Business, Technology, etc.)
+3. Select a country
+4. Click "Find" to get headlines
+
+## Requirements
+
+- ONLYOFFICE Document Editor
+- Internet connection
+- Free API key from your chosen provider ([gnews.io](https://gnews.io) or [thenewsapi.com](https://www.thenewsapi.com))
+
+## Known Issues
+
+- Requires internet connection to fetch articles
+- API rate limits apply based on your provider's plan
+- Some regions may have limited access to certain news sources
+- Each provider requires its own API key
+
+## Support
+
+For issues and feature requests, please contact the plugin developer.
+
+## Documentation
+
+- [ARCHITECTURE.md](ARCHITECTURE.md) - Technical architecture and code organization
+- [PROVIDER_FEATURES.md](PROVIDER_FEATURES.md) - Detailed comparison of provider features and capabilities
+- [CHANGELOG.md](CHANGELOG.md) - Version history and changes
+
+## API Information
+
+This plugin supports multiple news API providers:
+- [GNews API](https://gnews.io) - 100 requests/day free tier
+- [TheNewsAPI](https://www.thenewsapi.com) - 150 requests/day free tier
+
+Please refer to each provider's documentation for API limits and terms of service.
diff --git a/sdkjs-plugins/content/news/config.json b/sdkjs-plugins/content/news/config.json
new file mode 100644
index 00000000..322e2480
--- /dev/null
+++ b/sdkjs-plugins/content/news/config.json
@@ -0,0 +1,102 @@
+{
+  "name": "News",
+  "guid": "asc.{0616AE85-5DBE-4B6B-A0A9-455C4F1503AD}",
+  "version": "1.0.0",
+  "baseUrl": "",
+  "variations": [
+    {
+      "description": "Search through millions of articles from over 80,000 large and small news sources and blogs.",
+      "descriptionLocale": {
+        "ru": "Поиск среди миллионов статей из более чем 80 000 крупных и малых новостных источников и блогов.",
+        "fr": "Recherchez parmi des millions d'articles",
+        "es": "Busque entre millones de artículos de más de 80,000 fuentes de noticias y blogs grandes y pequeños.",
+        "de": "Durchsuchen Sie Millionen von Artikeln aus über 80.000 großen und kleinen Nachrichtenquellen und Blogs.",
+        "br": "Pesquise entre milhões de artigos de mais de 80.000 fontes de notícias e blogs grandes e pequenos.",
+        "it": "Cerca tra milioni di articoli di oltre 80.000 fonti, tra notizie e blog grandi e piccoli.",
+        "zh": "在来自8万多家新闻媒体和博客的数百万篇文章中快速搜索所需信息。",
+        "ja": "80,000を超える大小のニュースソースとブログから数百万の記事を検索します。",
+        "cs-CZ": "Prohledejte miliony článků z více než 80 000 velkých a malých zpravodajských zdrojů a blogů."
+      },
+      "url": "index.html",
+      "icons": [
+        "resources/store/icons/icon.png",
+        "resources/store/icons/icon@2x.png"
+      ],
+      "isViewer": false,
+      "EditorsSupport": ["word", "cell", "slide"],
+      "isVisual": true,
+      "isModal": false,
+      "isInsideMode": true,
+      "initDataType": "none",
+      "initData": "",
+      "isUpdateOleOnResize": true,
+      "buttons": [],
+      "size": [300, 0],
+      "store": {
+        "background": {
+          "light": "#F5F5F5",
+          "dark": "#444444"
+        },
+        "screenshots": [
+          "resources/store/screenshots/screenshot1.png",
+          "resources/store/screenshots/screenshot2.png",
+          "resources/store/screenshots/screenshot3.png"
+        ],
+        "icons": {
+          "light": "resources/store/icons",
+          "dark": "resources/store/icons"
+        },
+        "categories": ["specAbilities", "work"]
+      }
+    },
+    {
+      "description": "About",
+      "descriptionLocale": {
+        "de": "Über",
+        "es": "Acerca de",
+        "fr": "À propos",
+        "it": "Informazioni",
+        "pt": "Sobre",
+        "ru": "О программе",
+        "ja": "について",
+        "zh": "关于",
+        "cs": "O aplikaci",
+        "si": "O programu",
+        "sq": "Rreth"
+      },
+      "url": "index_about.html",
+      "icons": [
+        "resources/store/icons/icon.png",
+        "resources/store/icons/icon@2x.png"
+      ],
+      "isViewer": false,
+      "EditorsSupport": ["word"],
+      "isVisual": true,
+      "isModal": true,
+      "isInsideMode": false,
+      "initDataType": "none",
+      "initData": "",
+      "isUpdateOleOnResize": true,
+      "buttons": [
+        {
+          "text": "Ok",
+          "textLocale": {
+            "de": "OK",
+            "es": "Aceptar",
+            "fr": "OK",
+            "it": "OK",
+            "pt": "OK",
+            "ru": "OK",
+            "ja": "OK",
+            "zh": "确定",
+            "cs": "OK",
+            "si": "V redu",
+            "sq": "OK"
+          },
+          "primary": true
+        }
+      ],
+      "size": [392, 147]
+    }
+  ]
+}
diff --git a/sdkjs-plugins/content/news/deploy/news.plugin b/sdkjs-plugins/content/news/deploy/news.plugin
new file mode 100644
index 00000000..1b123fc4
Binary files /dev/null and b/sdkjs-plugins/content/news/deploy/news.plugin differ
diff --git a/sdkjs-plugins/content/news/index.html b/sdkjs-plugins/content/news/index.html
new file mode 100644
index 00000000..07a7a8d7
--- /dev/null
+++ b/sdkjs-plugins/content/news/index.html
@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>News</title>
+    <script
+      type="text/javascript"
+      src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"
+    ></script>
+    <script
+      type="text/javascript"
+      src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins-ui.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      href="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.css"
+    />
+    <link rel="stylesheet" href="resources/style/style.css">
+    <!-- Load modules in dependency order -->
+    <script type="text/javascript" src="scripts/providers.js"></script>
+    <script type="text/javascript" src="scripts/storage.js"></script>
+    <script type="text/javascript" src="scripts/api.js"></script>
+    <script type="text/javascript" src="scripts/ui.js"></script>
+    <script type="text/javascript" src="scripts/translations.js"></script>
+    <script type="text/javascript" src="scripts/code_new.js"></script>
+  </head>
+  <body>
+    <!-- Step 1: API Key Setup -->
+    <div id="api-setup" class="setup-screen">
+      <div class="setup-header">
+        <p id="description-text">
+        
+        </p>
+      </div>
+
+      <div class="form-group">
+        <label for="provider-select" id="provider-label">News Provider:</label>
+        <select id="provider-select" onchange="changeProvider()">
+          <option value="gnews">GNews</option>
+          <option value="thenewsapi">TheNewsAPI</option>
+          <option value="worldnewsapi">WorldNewsAPI</option>
+        </select>
+      </div>
+
+      <div class="form-group">
+        <label for="api-key-setup" id="api-key-label">API key:</label>
+        <input
+          type="password"
+          id="api-key-setup"
+          placeholder="Enter your API key"
+        />
+        <div class="help-text">
+          <span id="get-api-key-text">Get your free API key from</span>
+          <a href="https://gnews.io" target="_blank" id="provider-website-link">gnews.io</a>
+        </div>
+      </div>
+
+      <div class="button-group">
+        <button class="btn" id="save-api-btn" onclick="saveApiKey()">
+          Login
+        </button>
+      </div>
+      <div id="status"></div>
+    </div>
+
+    <!-- Step 2: Search Interface -->
+    <div id="search-interface" class="search-screen" style="display: none">
+      <!-- Tab Navigation -->
+      <div class="tab-navigation">
+        <button
+          class="tab-btn active"
+          onclick="switchTab('search')"
+          id="search-tab"
+        >
+          <span id="search-tab-text">Search</span>
+        </button>
+        <button
+          class="tab-btn"
+          onclick="switchTab('headlines')"
+          id="headlines-tab"
+        >
+          <span id="headlines-tab-text">Top Headlines</span>
+        </button>
+      </div>
+
+      <!-- Search Form Container -->
+      <div class="search-form-container">
+        <div class="setup-header">
+          <p id="description-text-2">
+            Search through millions of articles from over 80,000 large and small
+            news sources and blogs.
+          </p>
+        </div>
+
+        <!-- Search Endpoint Tab Content -->
+        <div id="search-content" class="tab-content active">
+          <div class="form-group">
+            <label for="search-query" id="search-prompt-label">Prompt</label>
+            <textarea
+              id="search-query"
+              rows="3"
+              placeholder="Search with singular keywords, or surround complete phrases with quotation marks"
+            ></textarea>
+          </div>
+
+          <div class="filter-section" id="search-in-section">
+            <div class="filter-header" id="search-in-label">Search in</div>
+            <div class="checkbox-group">
+              <label class="checkbox-item">
+                <input
+                  type="checkbox"
+                  id="show-title"
+                  onchange="updateArticleDisplay()"
+                />
+                <span id="title-label">Title</span>
+              </label>
+              <label class="checkbox-item">
+                <input
+                  type="checkbox"
+                  id="show-description"
+                  onchange="updateArticleDisplay()"
+                />
+                <span id="description-label">Description</span>
+              </label>
+              <label class="checkbox-item">
+                <input
+                  type="checkbox"
+                  id="show-content"
+                  onchange="updateArticleDisplay()"
+                />
+                <span id="content-label">Content</span>
+              </label>
+            </div>
+          </div>
+
+          <!-- Advanced Settings Section -->
+          <div
+            id="search-advanced-settings"
+            class="filter-section"
+            style="display: none"
+          >
+            <div class="filter-header" id="advanced-settings-label">
+              Advanced Settings
+            </div>
+            <div id="search-advanced-options"></div>
+          </div>
+
+          <div class="button-group">
+            <button class="btn" id="search-btn" onclick="searchNews()">
+              Find
+            </button>
+          </div>
+        </div>
+
+        <!-- Top Headlines Tab Content -->
+        <div id="headlines-content" class="tab-content" style="display: none">
+          <div class="form-group">
+            <label for="headlines-query" id="headlines-prompt-label"
+              >Prompt</label
+            >
+            <textarea
+              id="headlines-query"
+              rows="3"
+              placeholder="Search with singular keywords, or surround complete phrases with quotation marks"
+            ></textarea>
+          </div>
+
+          <div class="form-group">
+            <label for="headlines-category" id="category-label"
+              >Category:</label
+            >
+            <select id="headlines-category">
+              <option value="" id="all-categories-option">
+                All Categories
+              </option>
+              <option value="general" id="general-option">General</option>
+              <option value="business" id="business-option">Business</option>
+              <option value="entertainment" id="entertainment-option">
+                Entertainment
+              </option>
+              <option value="health" id="health-option">Health</option>
+              <option value="science" id="science-option">Science</option>
+              <option value="sports" id="sports-option">Sports</option>
+              <option value="technology" id="technology-option">
+                Technology
+              </option>
+            </select>
+          </div>
+
+          <div class="form-group">
+            <label for="headlines-country" id="country-label">Country:</label>
+            <select id="headlines-country">
+              <option value="us" id="us-option">United States</option>
+              <option value="gb" id="gb-option">United Kingdom</option>
+              <option value="ca" id="ca-option">Canada</option>
+              <option value="au" id="au-option">Australia</option>
+              <option value="de" id="de-option">Germany</option>
+              <option value="fr" id="fr-option">France</option>
+              <option value="jp" id="jp-option">Japan</option>
+              <option value="in" id="in-option">India</option>
+            </select>
+          </div>
+
+          <!-- Advanced Settings Section for Headlines -->
+          <div
+            id="headlines-advanced-settings"
+            class="filter-section"
+            style="display: none"
+          >
+            <div class="filter-header" id="headlines-advanced-settings-label">
+              Advanced Settings
+            </div>
+            <div id="headlines-advanced-options"></div>
+          </div>
+
+          <div class="button-group">
+            <button class="btn" id="headlines-btn" onclick="getTopHeadlines()">
+              Find
+            </button>
+          </div>
+        </div>
+
+        <div class="settings-actions">
+          <button
+            class="btn-link"
+            onclick="toggleAdvancedSettings()"
+            id="advanced-settings-btn"
+          >
+            Show advanced settings
+          </button>
+          <button
+            class="btn-link"
+            onclick="changeApiKey()"
+            id="reconfigure-btn"
+          >
+            Reconfigure
+          </button>
+        </div>
+      </div>
+
+      <!-- Results Section - Hidden by default -->
+      <div id="results-section" class="results-section" style="display: none">
+        <div class="results-header-container">
+          <div class="results-header" id="search-results-header">
+            Search Results
+          </div>
+        </div>
+
+        <div class="articles-container">
+          <div id="articles-list"></div>
+        </div>
+        <button
+          class="btn-back"
+          onclick="goBackToSearch()"
+          id="back-to-search-btn"
+        >
+          Back to search
+        </button>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/sdkjs-plugins/content/news/index_about.html b/sdkjs-plugins/content/news/index_about.html
new file mode 100644
index 00000000..2e06deb0
--- /dev/null
+++ b/sdkjs-plugins/content/news/index_about.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>About</title>
+    <style>
+      p,
+      a {
+        font-size: 12px;
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      }
+
+      a:link {
+        color: darkgrey;
+      }
+
+      /* visited link */
+      a:visited {
+        color: darkgrey;
+      }
+
+      /* mouse over link */
+      a:hover {
+        color: #8d8d8d;
+      }
+
+      /* selected link */
+      a:active {
+        color: darkgrey;
+      }
+    </style>
+    <script
+      type="text/javascript"
+      src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"
+    ></script>
+    <script
+      type="text/javascript"
+      src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins-ui.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      href="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.css"
+    />
+    <script type="text/javascript">
+      window.Asc.plugin.init = function () {
+        this.resizeWindow(392, 147, 392, 147, 392, 147);
+      };
+
+      window.Asc.plugin.button = function (id) {
+        this.executeCommand("close", "");
+      };
+    </script>
+  </head>
+  <body style="padding-left: 20px; padding-right: 20px">
+    <p style="font-size: 15px">News Plugin</p>
+    <p style="font-size: 12px">
+      This plugin provides a convenient sidebar interface to search and browse
+      news articles from multiple providers including GNews and TheNewsAPI. Search for topics and
+      open relevant news articles in new tabs without leaving your document.
+    </p>
+    <p style="font-size: 12px">
+      <a href="https://gnews.io" target="_blank">GNews.io</a> | 
+      <a href="https://www.thenewsapi.com" target="_blank">TheNewsAPI.com</a>
+    </p>
+  </body>
+</html>
diff --git a/sdkjs-plugins/content/news/pre_release.md b/sdkjs-plugins/content/news/pre_release.md
new file mode 100644
index 00000000..cc4561c5
--- /dev/null
+++ b/sdkjs-plugins/content/news/pre_release.md
@@ -0,0 +1,53 @@
+# Change Log
+
+## 0.4.0
+
+- Added WorldNewsAPI as a third news provider
+- WorldNewsAPI: Advanced filtering
+
+## 0.3.0
+
+- Added support for multiple news providers (GNews and TheNewsAPI)
+- Provider selection dropdown with automatic API key clearing on switch
+- Plugin renamed from "GNews API" to "News"
+- Dynamic advanced settings that adapt to selected provider
+- TheNewsAPI: Added domain filtering and search field options
+- New providers.js module for centralized configuration
+
+## 0.2.0
+
+- Major refactoring: Split monolithic code into modular architecture
+- Created separate modules: storage.js, api.js, ui.js, translations.js
+- Enhanced error handling and separation of concerns
+- Zero breaking changes - all existing functionality preserved
+
+## 0.1.3
+
+- Added persistent API key storage using localStorage - users no longer need to re-enter API key each time
+- Fixed "Show advanced settings" translation - now properly translates in all languages
+- Enhanced API key management with automatic loading and pre-filling of stored keys
+- Improved plugin initialization to automatically show search interface when API key is stored
+- Added comprehensive error handling for localStorage operations with fallback support
+
+## 0.1.2
+
+- Added larger icon sizes for marketplace submission
+- Prepared marketplace documentation and assets
+
+## 0.1.1
+
+- Fixed bug where "Back to search" triggered search when checking display options
+- Improved status message handling - no longer shows success message when updating display options
+- Removed hardcoded article limit for headlines to show actual API results
+- Enhanced scrolling support for small plugin heights
+- Repositioned "Reconfigure" button to prevent overlap issues
+
+## 0.1.0
+
+- Initial development version
+- Keyword search functionality
+- Top headlines browsing
+- Support for multiple languages and countries
+- Advanced search settings (sort by date/relevance)
+- Display options for title, description, and content
+- Direct article opening in browser
diff --git a/sdkjs-plugins/content/news/resources/dark/icon.png b/sdkjs-plugins/content/news/resources/dark/icon.png
new file mode 100644
index 00000000..b97aa168
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/dark/icon.png differ
diff --git a/sdkjs-plugins/content/news/resources/dark/icon.svg b/sdkjs-plugins/content/news/resources/dark/icon.svg
new file mode 100644
index 00000000..997de505
--- /dev/null
+++ b/sdkjs-plugins/content/news/resources/dark/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 28 28"><g fill="none"><path fill="url(#fluentColorNews286)" d="M21.5 7h2.25a2.25 2.25 0 0 1 2.245 2.096L26 9.25v11.5a3.25 3.25 0 0 1-3.066 3.245L22.75 24H21.5z"/><path fill="url(#fluentColorNews280)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews281)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews282)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews283)" d="M10.247 13.004c.69 0 1.25.56 1.25 1.25v3.496c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25v-3.496c0-.69.56-1.25 1.25-1.25z"/><path fill="url(#fluentColorNews284)" d="M14.25 17.5h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496zm0-4.497h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496z"/><path fill="url(#fluentColorNews285)" d="M6.246 8.497h11.5a.75.75 0 0 1 .102 1.493l-.102.007h-11.5a.75.75 0 0 1-.102-1.494zh11.5z"/><defs><linearGradient id="fluentColorNews280" x1="7.714" x2="24.282" y1=".923" y2="21.365" gradientUnits="userSpaceOnUse"><stop stop-color="#3BD5FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="fluentColorNews281" x1="13.429" x2="13.429" y1="20.154" y2="24" gradientUnits="userSpaceOnUse"><stop offset=".181" stop-color="#2764E7" stop-opacity="0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="fluentColorNews282" x1="12.714" x2="20.666" y1="10.154" y2="29.221" gradientUnits="userSpaceOnUse"><stop stop-color="#DCF8FF" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8" stop-opacity=".7"/></linearGradient><linearGradient id="fluentColorNews283" x1="6.072" x2="9.071" y1="12.71" y2="18.714" gradientUnits="userSpaceOnUse"><stop stop-color="#DEFCFF"/><stop offset="1" stop-color="#9FF0F9"/></linearGradient><linearGradient id="fluentColorNews284" x1="13.937" x2="15.121" y1="13.109" y2="19.47" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><linearGradient id="fluentColorNews285" x1="-12.37" x2="-12.335" y1="7.415" y2="10.299" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><radialGradient id="fluentColorNews286" cx="0" cy="0" r="1" gradientTransform="matrix(-7.2 9.35006 -13.77599 -10.60817 28.7 9.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#068BEB"/><stop offset=".617" stop-color="#0056CF"/><stop offset=".974" stop-color="#0027A7"/></radialGradient></defs></g></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/news/resources/dark/icon@1.25x.png b/sdkjs-plugins/content/news/resources/dark/icon@1.25x.png
new file mode 100644
index 00000000..53b29039
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/dark/icon@1.25x.png differ
diff --git a/sdkjs-plugins/content/news/resources/dark/icon@1.5x.png b/sdkjs-plugins/content/news/resources/dark/icon@1.5x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/dark/icon@1.5x.png differ
diff --git a/sdkjs-plugins/content/news/resources/dark/icon@1.75x.png b/sdkjs-plugins/content/news/resources/dark/icon@1.75x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/dark/icon@1.75x.png differ
diff --git a/sdkjs-plugins/content/news/resources/dark/icon@2x.png b/sdkjs-plugins/content/news/resources/dark/icon@2x.png
new file mode 100644
index 00000000..0a2e3853
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/dark/icon@2x.png differ
diff --git a/sdkjs-plugins/content/news/resources/light/icon.png b/sdkjs-plugins/content/news/resources/light/icon.png
new file mode 100644
index 00000000..b97aa168
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/light/icon.png differ
diff --git a/sdkjs-plugins/content/news/resources/light/icon.svg b/sdkjs-plugins/content/news/resources/light/icon.svg
new file mode 100644
index 00000000..997de505
--- /dev/null
+++ b/sdkjs-plugins/content/news/resources/light/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 28 28"><g fill="none"><path fill="url(#fluentColorNews286)" d="M21.5 7h2.25a2.25 2.25 0 0 1 2.245 2.096L26 9.25v11.5a3.25 3.25 0 0 1-3.066 3.245L22.75 24H21.5z"/><path fill="url(#fluentColorNews280)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews281)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews282)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews283)" d="M10.247 13.004c.69 0 1.25.56 1.25 1.25v3.496c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25v-3.496c0-.69.56-1.25 1.25-1.25z"/><path fill="url(#fluentColorNews284)" d="M14.25 17.5h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496zm0-4.497h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496z"/><path fill="url(#fluentColorNews285)" d="M6.246 8.497h11.5a.75.75 0 0 1 .102 1.493l-.102.007h-11.5a.75.75 0 0 1-.102-1.494zh11.5z"/><defs><linearGradient id="fluentColorNews280" x1="7.714" x2="24.282" y1=".923" y2="21.365" gradientUnits="userSpaceOnUse"><stop stop-color="#3BD5FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="fluentColorNews281" x1="13.429" x2="13.429" y1="20.154" y2="24" gradientUnits="userSpaceOnUse"><stop offset=".181" stop-color="#2764E7" stop-opacity="0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="fluentColorNews282" x1="12.714" x2="20.666" y1="10.154" y2="29.221" gradientUnits="userSpaceOnUse"><stop stop-color="#DCF8FF" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8" stop-opacity=".7"/></linearGradient><linearGradient id="fluentColorNews283" x1="6.072" x2="9.071" y1="12.71" y2="18.714" gradientUnits="userSpaceOnUse"><stop stop-color="#DEFCFF"/><stop offset="1" stop-color="#9FF0F9"/></linearGradient><linearGradient id="fluentColorNews284" x1="13.937" x2="15.121" y1="13.109" y2="19.47" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><linearGradient id="fluentColorNews285" x1="-12.37" x2="-12.335" y1="7.415" y2="10.299" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><radialGradient id="fluentColorNews286" cx="0" cy="0" r="1" gradientTransform="matrix(-7.2 9.35006 -13.77599 -10.60817 28.7 9.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#068BEB"/><stop offset=".617" stop-color="#0056CF"/><stop offset=".974" stop-color="#0027A7"/></radialGradient></defs></g></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/news/resources/light/icon@1.25x.png b/sdkjs-plugins/content/news/resources/light/icon@1.25x.png
new file mode 100644
index 00000000..53b29039
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/light/icon@1.25x.png differ
diff --git a/sdkjs-plugins/content/news/resources/light/icon@1.5x.png b/sdkjs-plugins/content/news/resources/light/icon@1.5x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/light/icon@1.5x.png differ
diff --git a/sdkjs-plugins/content/news/resources/light/icon@1.75x.png b/sdkjs-plugins/content/news/resources/light/icon@1.75x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/light/icon@1.75x.png differ
diff --git a/sdkjs-plugins/content/news/resources/light/icon@2x.png b/sdkjs-plugins/content/news/resources/light/icon@2x.png
new file mode 100644
index 00000000..0a2e3853
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/light/icon@2x.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon.png b/sdkjs-plugins/content/news/resources/store/icons/icon.png
new file mode 100644
index 00000000..b97aa168
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/icons/icon.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon.svg b/sdkjs-plugins/content/news/resources/store/icons/icon.svg
new file mode 100644
index 00000000..997de505
--- /dev/null
+++ b/sdkjs-plugins/content/news/resources/store/icons/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 28 28"><g fill="none"><path fill="url(#fluentColorNews286)" d="M21.5 7h2.25a2.25 2.25 0 0 1 2.245 2.096L26 9.25v11.5a3.25 3.25 0 0 1-3.066 3.245L22.75 24H21.5z"/><path fill="url(#fluentColorNews280)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews281)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews282)" d="M5.25 24a3.25 3.25 0 0 1-3.245-3.066L2 20.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h15.5a2.25 2.25 0 0 1 2.245 2.096L22 6.25L21.995 24z"/><path fill="url(#fluentColorNews283)" d="M10.247 13.004c.69 0 1.25.56 1.25 1.25v3.496c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25v-3.496c0-.69.56-1.25 1.25-1.25z"/><path fill="url(#fluentColorNews284)" d="M14.25 17.5h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496zm0-4.497h3.496a.75.75 0 0 1 .102 1.493l-.102.007H14.25a.75.75 0 0 1-.102-1.493zh3.496z"/><path fill="url(#fluentColorNews285)" d="M6.246 8.497h11.5a.75.75 0 0 1 .102 1.493l-.102.007h-11.5a.75.75 0 0 1-.102-1.494zh11.5z"/><defs><linearGradient id="fluentColorNews280" x1="7.714" x2="24.282" y1=".923" y2="21.365" gradientUnits="userSpaceOnUse"><stop stop-color="#3BD5FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="fluentColorNews281" x1="13.429" x2="13.429" y1="20.154" y2="24" gradientUnits="userSpaceOnUse"><stop offset=".181" stop-color="#2764E7" stop-opacity="0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="fluentColorNews282" x1="12.714" x2="20.666" y1="10.154" y2="29.221" gradientUnits="userSpaceOnUse"><stop stop-color="#DCF8FF" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8" stop-opacity=".7"/></linearGradient><linearGradient id="fluentColorNews283" x1="6.072" x2="9.071" y1="12.71" y2="18.714" gradientUnits="userSpaceOnUse"><stop stop-color="#DEFCFF"/><stop offset="1" stop-color="#9FF0F9"/></linearGradient><linearGradient id="fluentColorNews284" x1="13.937" x2="15.121" y1="13.109" y2="19.47" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><linearGradient id="fluentColorNews285" x1="-12.37" x2="-12.335" y1="7.415" y2="10.299" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient><radialGradient id="fluentColorNews286" cx="0" cy="0" r="1" gradientTransform="matrix(-7.2 9.35006 -13.77599 -10.60817 28.7 9.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#068BEB"/><stop offset=".617" stop-color="#0056CF"/><stop offset=".974" stop-color="#0027A7"/></radialGradient></defs></g></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon@1.25x.png b/sdkjs-plugins/content/news/resources/store/icons/icon@1.25x.png
new file mode 100644
index 00000000..53b29039
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/icons/icon@1.25x.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon@1.5x.png b/sdkjs-plugins/content/news/resources/store/icons/icon@1.5x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/icons/icon@1.5x.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon@1.75x.png b/sdkjs-plugins/content/news/resources/store/icons/icon@1.75x.png
new file mode 100644
index 00000000..839f5832
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/icons/icon@1.75x.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/icons/icon@2x.png b/sdkjs-plugins/content/news/resources/store/icons/icon@2x.png
new file mode 100644
index 00000000..0a2e3853
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/icons/icon@2x.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/screenshots/screenshot1.png b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot1.png
new file mode 100644
index 00000000..20798010
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot1.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/screenshots/screenshot2.png b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot2.png
new file mode 100644
index 00000000..7916b396
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot2.png differ
diff --git a/sdkjs-plugins/content/news/resources/store/screenshots/screenshot3.png b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot3.png
new file mode 100644
index 00000000..f96df2b8
Binary files /dev/null and b/sdkjs-plugins/content/news/resources/store/screenshots/screenshot3.png differ
diff --git a/sdkjs-plugins/content/news/resources/style/style.css b/sdkjs-plugins/content/news/resources/style/style.css
new file mode 100644
index 00000000..ee2d27da
--- /dev/null
+++ b/sdkjs-plugins/content/news/resources/style/style.css
@@ -0,0 +1,344 @@
+:root {
+  /* Common variables */
+  --space: 8px;
+  --space-lg: 16px;
+
+  --font-family: Arial, sans-serif;
+  --font-size: 12px;
+  --font-size-sm: 10px;
+}
+
+/* Light Theme (Default) */
+body, body[data-theme="light"] {
+  --color-primary: #333;
+  --color-text: #333;
+  --color-text-muted: #666;
+  --color-border: #ddd;
+  --color-bg-hover: #f5f5f5;
+
+  --color-bg: #ffffff;
+  --color-bg-element: #ffffff;
+  --color-bg-subtle: #f8f9fa;
+
+  --color-success-bg: #d4edda;
+  --color-success-text: #155724;
+  --color-success-border: #c3e6cb;
+
+  --color-error-bg: #f8d7da;
+  --color-error-text: #721c24;
+  --color-error-border: #f5c6cb;
+}
+
+/* Dark Theme */
+body[data-theme="dark"] {
+  --color-primary: #ccc;
+  --color-text: #e0e0e0;
+  --color-text-muted: #999;
+  --color-border: #444;
+  --color-bg-hover: #2a2a2a;
+
+  --color-bg: #1a1a1a;
+  --color-bg-element: #2d2d2d;
+  --color-bg-subtle: #2d2d2d;
+
+  --color-success-bg: #1e4d2b;
+  --color-success-text: #90ee90;
+  --color-success-border: #2d5a34;
+
+  --color-error-bg: #4d1e1e;
+  --color-error-text: #ff9999;
+  --color-error-border: #5a2d2d;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font: var(--font-size) var(--font-family);
+  padding: var(--space-lg);
+  margin: 0;
+  color: var(--color-text);
+  background-color: var(--color-bg);
+  height: 100vh;
+  transition: background-color 0.2s, color 0.2s;
+}
+
+input,
+select,
+textarea {
+  width: 100%;
+  padding: var(--space);
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
+  background-color: var(--color-bg-element);
+  color: var(--color-text);
+}
+
+select option {
+  background-color: var(--color-bg-element);
+  color: var(--color-text);
+}
+
+label {
+  display: block;
+  margin-bottom: var(--space);
+  font-weight: bold;
+  color: var(--color-text);
+}
+
+.btn,
+button,
+.insert-btn,
+.tab-btn {
+  padding: var(--space) var(--space-lg);
+  border: 1px solid var(--color-border);
+  border-radius: 1px;
+  background: var(--color-bg-element);
+  color: var(--color-text);
+  cursor: pointer;
+  font-size: var(--font-size);
+  text-decoration: none;
+  display: inline-block;
+  transition: all 0.2s;
+  width: 100%;
+}
+
+.btn-link {
+  padding: 0;
+  background: none;
+  border: none;
+  text-decoration: underline;
+  text-align: left;
+  color: var(--color-primary);
+}
+
+.btn-back {
+  background: var(--color-bg-element);
+  border: none;
+  padding: var(--space) var(--space-lg);
+  font-size: var(--font-size);
+  color: var(--color-text);
+}
+
+.btn:hover,
+button:hover,
+.insert-btn:hover,
+.btn-back:hover,
+.btn-link:hover,
+.tab-btn:hover {
+  background: var(--color-bg-hover);
+}
+
+.btn-small {
+  padding: 4px var(--space);
+  font-size: var(--font-size-sm);
+}
+
+.form-group,
+.button-group,
+.filter-section {
+  margin-bottom: var(--space-lg);
+}
+
+.filter-header {
+  font-weight: bold;
+  margin-bottom: var(--space);
+  color: var(--color-text);
+}
+
+.results-section {
+  margin-top: var(--space-lg);
+  border-top: 1px solid var(--color-border);
+  padding-top: var(--space-lg);
+}
+
+/* Scrolling support for main containers */
+.setup-screen,
+.search-screen {
+  max-height: 100vh;
+}
+
+.search-form-container,
+.results-section {
+  max-height: calc(100vh - 100px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.articles-container {
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.article-item {
+  padding: var(--space-lg);
+  border-bottom: 1px solid var(--color-border);
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.article-item:hover {
+  background: var(--color-bg-hover);
+}
+
+.article-title {
+  font-weight: bold;
+  margin-bottom: var(--space);
+  color: var(--color-text);
+}
+
+.article-description {
+  font-size: var(--font-size-sm);
+  margin-bottom: var(--space);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: var(--color-text);
+}
+
+.article-meta {
+  font-size: var(--font-size-sm);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space);
+  color: var(--color-text-muted);
+}
+
+.article-meta .open-icon {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+  opacity: 0.7;
+  transition: opacity 0.2s;
+  color: var(--color-text-muted);
+}
+
+.article-meta .open-icon:hover {
+  opacity: 1;
+}
+
+#status {
+  padding: var(--space);
+  border-radius: 4px;
+  margin-top: var(--space);
+}
+
+.success {
+  background: var(--color-success-bg);
+  color: var(--color-success-text);
+  border: 1px solid var(--color-success-border);
+}
+
+.error {
+  background: var(--color-error-bg);
+  color: var(--color-error-text);
+  border: 1px solid var(--color-error-border);
+}
+
+.tab-navigation {
+  display: flex;
+  border-bottom: 1px solid var(--color-border);
+  margin-bottom: var(--space-lg);
+}
+
+.tab-btn {
+  flex: 1;
+  border: none;
+  border-bottom: 1px solid var(--color-border);
+  background: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space);
+  color: var(--color-text-muted);
+  padding: var(--space-lg);
+}
+
+.tab-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
+.tab-btn.active {
+  color: var(--color-primary);
+  border-bottom: none;
+  font-weight: bold;
+  background: var(--color-bg);
+  margin-bottom: -1px;
+}
+
+.tab-btn:not(.active) {
+  color: var(--color-text-muted);
+}
+
+.tab-btn:hover:not(.active) {
+  color: var(--color-text);
+  background: var(--color-bg-hover);
+}
+
+.no-results {
+  text-align: center;
+  font-style: italic;
+  padding: var(--space-lg);
+  color: var(--color-text-muted);
+}
+
+.settings-actions .btn-link {
+  text-decoration: underline dotted;
+  display: block;
+  margin-bottom: var(--space);
+}
+
+.checkbox-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--space);
+  color: var(--color-text);
+}
+
+.checkbox-item input {
+  width: auto;
+  margin-right: var(--space);
+}
+
+.help-text {
+  font-size: var(--font-size-sm);
+  margin-top: var(--space);
+  color: var(--color-text-muted);
+}
+
+.help-text a {
+  color: var(--color-primary);
+}
+
+.api-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--space);
+  background: var(--color-bg-subtle);
+  border-radius: 4px;
+  margin-bottom: var(--space-lg);
+  color: var(--color-text);
+}
+
+.results-header-container {
+  display: flex;
+  align-items: center;
+  gap: var(--space);
+  margin-bottom: var(--space-lg);
+}
+
+.results-header {
+  color: var(--color-text);
+}
+
+.setup-header p {
+  color: var(--color-text-muted);
+}
diff --git a/sdkjs-plugins/content/news/scripts/api.js b/sdkjs-plugins/content/news/scripts/api.js
new file mode 100644
index 00000000..cccb4885
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/api.js
@@ -0,0 +1,192 @@
+/**
+ * API Manager for News Plugin
+ * Handles all interactions with news APIs
+ */
+
+(function (window) {
+  "use strict";
+
+  /**
+   * API Manager
+   */
+  var APIManager = {
+    apiKey: "",
+    provider: null,
+
+    /**
+     * Set the API key for subsequent requests
+     * @param {string} key - The API key
+     */
+    setApiKey: function (key) {
+      this.apiKey = key;
+    },
+
+    /**
+     * Set the provider for subsequent requests
+     * @param {string} providerId - The provider ID
+     */
+    setProvider: function (providerId) {
+      this.provider = window.NewsProviders.setProvider(providerId);
+    },
+
+    /**
+     * Get current provider
+     */
+    getProvider: function () {
+      return this.provider || window.NewsProviders.getCurrentProvider();
+    },
+
+    /**
+     * Build URL with query parameters
+     * @param {string} base - Base URL
+     * @param {object} params - Query parameters
+     * @returns {string} - Complete URL with parameters
+     */
+    buildUrl: function (base, params) {
+      const url = new URL(base);
+      Object.keys(params).forEach(function (key) {
+        if (params[key] !== null && params[key] !== undefined && params[key] !== "") {
+          url.searchParams.append(key, params[key]);
+        }
+      });
+      return url.toString();
+    },
+
+    /**
+     * Perform a generic API call
+     * @param {string} url - The API endpoint URL
+     * @param {function} callback - Callback function(result)
+     */
+    performAPICall: function (url, callback) {
+      var provider = this.getProvider();
+      
+      // Prepare fetch options
+      var fetchOptions = {
+        method: 'GET',
+      };
+      
+      // WorldNewsAPI uses header-based authentication
+      if (provider.id === 'worldnewsapi') {
+        fetchOptions.headers = {
+          'x-api-key': this.apiKey,
+        };
+      }
+      
+      fetch(url, fetchOptions)
+        .then(function (response) {
+          if (response.ok) return response.json();
+          
+          // Handle specific HTTP errors
+          throw new Error(
+            response.status === 401
+              ? "Invalid API token"
+              : response.status === 429
+              ? "API rate limit exceeded"
+              : response.status === 400
+              ? "Bad request - check your parameters"
+              : "HTTP " + response.status
+          );
+        })
+        .then(function (data) {
+          // Use provider-specific response parser
+          var result = provider.parseResponse(data);
+          callback(result);
+        })
+        .catch(function (error) {
+          console.error("API error:", error);
+          
+          const message = error.message.includes("Invalid API token")
+            ? "Invalid API token. Please check your token and try again."
+            : error.message.includes("rate limit")
+            ? "API rate limit exceeded. Please try again later."
+            : error.message.includes("CORS")
+            ? "Network error: CORS issue"
+            : "API failed: " + error.message;
+
+          callback({ success: false, error: message, articles: [] });
+        });
+    },
+
+    /**
+     * Validate an API key
+     * @param {string} apiKey - The API key to validate
+     * @param {function} callback - Callback function(isValid, message)
+     */
+    validateApiKey: function (apiKey, callback) {
+      try {
+        var provider = this.getProvider();
+        const testUrl = provider.buildValidationUrl(apiKey);
+
+        // Prepare fetch options
+        var fetchOptions = {
+          method: 'GET',
+        };
+        
+        // WorldNewsAPI uses header-based authentication
+        if (provider.id === 'worldnewsapi') {
+          fetchOptions.headers = {
+            'x-api-key': apiKey,
+          };
+        }
+
+        fetch(testUrl, fetchOptions)
+          .then(function (response) {
+            if (response.ok) return response.json();
+            throw new Error(
+              response.status === 401
+                ? "Invalid API token"
+                : "API validation failed"
+            );
+          })
+          .then(function (data) {
+            callback(true, "API key is valid");
+          })
+          .catch(function (error) {
+            console.error("Validation error:", error);
+            callback(false, error.message);
+          });
+      } catch (error) {
+        console.error("Validation error:", error);
+        callback(false, "Error validating API key: " + error.message);
+      }
+    },
+
+    /**
+     * Search for articles
+     * @param {string} query - Search query
+     * @param {object} settings - Additional settings (language, sortBy, etc.)
+     * @param {function} callback - Callback function(result)
+     */
+    search: function (query, settings, callback) {
+      try {
+        var provider = this.getProvider();
+        const searchUrl = provider.buildSearchUrl(this.apiKey, query, settings);
+
+        this.performAPICall(searchUrl, callback);
+      } catch (error) {
+        console.error("Search error:", error);
+        callback({ success: false, error: error.message, articles: [] });
+      }
+    },
+
+    /**
+     * Get top headlines
+     * @param {object} params - Parameters (category, country, language, query)
+     * @param {function} callback - Callback function(result)
+     */
+    getTopHeadlines: function (params, callback) {
+      try {
+        var provider = this.getProvider();
+        const headlinesUrl = provider.buildHeadlinesUrl(this.apiKey, params);
+
+        this.performAPICall(headlinesUrl, callback);
+      } catch (error) {
+        console.error("Headlines error:", error);
+        callback({ success: false, error: error.message, articles: [] });
+      }
+    },
+  };
+
+  // Export to global scope
+  window.GNewsAPI = APIManager;
+})(window);
diff --git a/sdkjs-plugins/content/news/scripts/code_new.js b/sdkjs-plugins/content/news/scripts/code_new.js
new file mode 100644
index 00000000..be32e090
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/code_new.js
@@ -0,0 +1,383 @@
+/**
+ * News Plugin - Main Entry Point
+ * Coordinates between API, UI, Storage, and Translation modules
+ */
+
+(function (window, undefined) {
+  "use strict";
+
+  // Plugin state
+  let savedApiKey = "";
+  let savedProvider = "gnews";
+
+  /**
+   * Initialize the plugin
+   */
+  window.Asc.plugin.init = function () {
+    try {
+      // Load saved provider
+      savedProvider = window.GNewsStorage.loadProvider();
+      window.GNewsAPI.setProvider(savedProvider);
+      window.NewsProviders.setProvider(savedProvider);
+      console.log("Loaded provider:", savedProvider);
+
+      // Load saved API key
+      savedApiKey = window.GNewsStorage.loadApiKey();
+      if (savedApiKey) {
+        window.GNewsAPI.setApiKey(savedApiKey);
+        console.log("Loaded API key from storage");
+      }
+
+      // Initialize UI after a short delay
+      setTimeout(function () {
+        window.GNewsUI.initializeDisplayOptions();
+        window.GNewsUI.createAdvancedSettings();
+        window.GNewsUI.initializeProviderSelector(savedProvider);
+        window.GNewsUI.updateProviderInfo();
+
+        if (savedApiKey) {
+          window.GNewsUI.showSearchInterface();
+          setTimeout(function () {
+            const searchInput = window.GNewsUI.$("search-query");
+            if (searchInput) searchInput.focus();
+          }, 100);
+        } else {
+          window.GNewsUI.showApiSetup();
+        }
+
+        setupEventListeners();
+        window.GNewsTranslations.applyTranslations();
+      }, 50);
+    } catch (error) {
+      console.error("Init error:", error);
+    }
+  };
+
+  /**
+   * Handle theme changes
+   */
+  window.Asc.plugin.onThemeChanged = function (theme) {
+    // Set the data-theme attribute on the body
+    document.body.setAttribute("data-theme", theme.type);
+    console.log("Applied theme:", theme.type);
+  };
+
+  /**
+   * Handle translation changes
+   */
+  window.Asc.plugin.onTranslate = function () {
+    window.GNewsTranslations.applyTranslations();
+  };
+
+  /**
+   * Setup event listeners for Enter key support
+   */
+  function setupEventListeners() {
+    const apiKeyInput = window.GNewsUI.$("api-key-setup");
+    const queryInput = window.GNewsUI.$("search-query");
+    const headlinesQueryInput = window.GNewsUI.$("headlines-query");
+
+    if (apiKeyInput) {
+      apiKeyInput.addEventListener("keypress", function (e) {
+        if (e.key === "Enter") {
+          window.saveApiKey();
+        }
+      });
+    }
+
+    if (queryInput) {
+      queryInput.addEventListener("keypress", function (e) {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          window.searchNews();
+        }
+      });
+    }
+
+    if (headlinesQueryInput) {
+      headlinesQueryInput.addEventListener("keypress", function (e) {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          window.getTopHeadlines();
+        }
+      });
+    }
+  }
+
+  /**
+   * Save and validate API key
+   */
+  window.saveApiKey = function () {
+    const apiKeyInput = window.GNewsUI.$("api-key-setup");
+    const apiKey = apiKeyInput.value.trim();
+
+    if (!apiKey) {
+      window.GNewsUI.showStatus("Please enter an API key", true);
+      return;
+    }
+
+    if (apiKey.length < 10) {
+      window.GNewsUI.showStatus("API key seems too short", true);
+      return;
+    }
+
+    window.GNewsUI.setElementState("save-api-btn", true, "Validating...");
+    window.GNewsUI.showStatus("Validating API token...", false);
+
+    window.GNewsAPI.validateApiKey(apiKey, function (isValid, message) {
+      window.GNewsUI.setElementState("save-api-btn", false, "Login");
+
+      if (isValid) {
+        savedApiKey = apiKey;
+        window.GNewsAPI.setApiKey(apiKey);
+        
+        if (window.GNewsStorage.saveApiKey(apiKey)) {
+          window.GNewsUI.showStatus("API key saved successfully!", false);
+        } else {
+          window.GNewsUI.showStatus(
+            "API key validated but couldn't save to storage",
+            true
+          );
+        }
+
+        setTimeout(function () {
+          window.GNewsUI.showSearchInterface();
+          const searchInput = window.GNewsUI.$("search-query");
+          if (searchInput) searchInput.focus();
+        }, 1000);
+      } else {
+        window.GNewsUI.showStatus(message || "Invalid API key", true);
+      }
+    });
+  };
+
+  /**
+   * Change/reconfigure API key
+   */
+  window.changeApiKey = function () {
+    savedApiKey = "";
+    window.GNewsAPI.setApiKey("");
+
+    if (window.GNewsStorage.removeApiKey()) {
+      window.GNewsUI.showStatus("API key removed", false);
+    } else {
+      window.GNewsUI.showStatus("Couldn't remove API key from storage", true);
+    }
+
+    window.GNewsUI.showApiSetup();
+    const apiKeyInput = window.GNewsUI.$("api-key-setup");
+    if (apiKeyInput) {
+      apiKeyInput.value = "";
+      apiKeyInput.focus();
+    }
+
+    const status = window.GNewsUI.$("status");
+    if (status) {
+      setTimeout(function () {
+        status.textContent = "";
+        status.className = "";
+      }, 2000);
+    }
+  };
+
+  /**
+   * Change provider
+   */
+  window.changeProvider = function () {
+    const providerSelect = window.GNewsUI.$("provider-select");
+    if (!providerSelect) return;
+
+    const newProvider = providerSelect.value;
+    savedProvider = newProvider;
+    
+    window.GNewsAPI.setProvider(newProvider);
+    window.NewsProviders.setProvider(newProvider);
+    window.GNewsStorage.saveProvider(newProvider);
+    window.GNewsUI.currentProvider = newProvider;
+    window.GNewsUI.updateProviderInfo();
+
+    
+    // Clear API key since different providers need different keys
+    if (savedApiKey) {
+      window.GNewsUI.showStatus(
+        "Provider changed. Please enter your API key for " + 
+        window.NewsProviders.getCurrentProvider().name,
+        false
+      );
+      savedApiKey = "";
+      window.GNewsAPI.setApiKey("");
+      window.GNewsStorage.removeApiKey();
+      
+      const apiKeyInput = window.GNewsUI.$("api-key-setup");
+      if (apiKeyInput) {
+        apiKeyInput.value = "";
+      }
+    }
+  };
+
+  /**
+   * Switch between tabs
+   */
+  window.switchTab = function (tabName) {
+    window.GNewsUI.switchTab(tabName);
+  };
+
+  /**
+   * Toggle advanced settings
+   */
+  window.toggleAdvancedSettings = function () {
+    window.GNewsUI.toggleAdvancedSettings();
+  };
+
+  window.advancedSettings = function () {
+    window.toggleAdvancedSettings();
+  };
+
+  /**
+   * Perform news search
+   */
+  window.searchNews = function () {
+    const queryInput = window.GNewsUI.$("search-query");
+    if (!queryInput) {
+      window.GNewsUI.showStatus("Search input not found", true);
+      return;
+    }
+
+    const query = queryInput.value.trim();
+    if (!query) {
+      window.GNewsUI.showStatus("Please enter a search query", true);
+      return;
+    }
+
+    if (!savedApiKey) {
+      window.GNewsUI.showStatus("Please configure your API key first", true);
+      return;
+    }
+
+    window.GNewsUI.setElementState("search-btn", true, "Searching...");
+    window.GNewsUI.showStatus("Searching...", false);
+
+    const settings = window.GNewsUI.getAdvancedSettings("search");
+    
+    window.GNewsAPI.search(query, settings, function (result) {
+      window.GNewsUI.setElementState("search-btn", false, "Find");
+
+      if (result.success) {
+        window.GNewsUI.displaySearchResults(result.articles, true);
+      } else {
+        window.GNewsUI.showStatus(result.error || "Search failed", true);
+      }
+    });
+  };
+
+  /**
+   * Get top headlines
+   */
+  window.getTopHeadlines = function () {
+    if (!savedApiKey) {
+      window.GNewsUI.showStatus("Please configure your API key first", true);
+      return;
+    }
+
+    const query = window.GNewsUI.$("headlines-query").value;
+    const category = window.GNewsUI.$("headlines-category").value;
+    const country = window.GNewsUI.$("headlines-country").value;
+    const settings = window.GNewsUI.getAdvancedSettings("headlines");
+
+    window.GNewsUI.setElementState("headlines-btn", true, "Loading...");
+    window.GNewsUI.showStatus("Loading headlines...", false);
+
+    const params = {
+      category: category,
+      country: country,
+      language: settings.language,
+      query: query,
+      domains: settings.domains,
+      exclude_domains: settings.exclude_domains,
+    };
+
+    window.GNewsAPI.getTopHeadlines(params, function (result) {
+      window.GNewsUI.setElementState("headlines-btn", false, "Find");
+
+      if (result.success) {
+        window.GNewsUI.displaySearchResults(result.articles, true);
+      } else {
+        window.GNewsUI.showStatus(result.error || "Failed to load headlines", true);
+      }
+    });
+  };
+
+  /**
+   * Insert single article (open in browser)
+   */
+  window.insertSingleArticle = function (index) {
+    if (index < 0 || index >= window.GNewsUI.currentArticles.length) {
+      window.GNewsUI.showStatus("Invalid article index", true);
+      return;
+    }
+
+    const article = window.GNewsUI.currentArticles[index];
+    window.GNewsUI.openArticleLink(article);
+  };
+
+  /**
+   * Go back to search form
+   */
+  window.goBackToSearch = function () {
+    window.GNewsUI.goBackToSearch();
+  };
+
+  /**
+   * Clear results
+   */
+  window.clearResults = function () {
+    window.GNewsUI.goBackToSearch();
+  };
+
+  /**
+   * Update article display when checkboxes change
+   */
+  window.updateArticleDisplay = function () {
+    if (window.GNewsUI.currentArticles.length > 0) {
+      window.GNewsUI.displaySearchResults(window.GNewsUI.currentArticles, false);
+    }
+  };
+
+  /**
+   * Handle plugin button clicks
+   */
+  window.Asc.plugin.button = function (id) {
+    if (id === -1 || id === 0) {
+      this.executeCommand("close", "");
+    }
+  };
+
+  /**
+   * Handle external mouse events
+   */
+  window.Asc.plugin.onExternalMouseUp = function () {
+    return false;
+  };
+
+  /**
+   * Handle beforeunload event
+   */
+  window.addEventListener("beforeunload", function (e) {
+    window.GNewsUI.currentArticles = [];
+    window.GNewsUI.currentTab = "search";
+  });
+
+  /**
+   * Handle plugin commands
+   */
+  window.Asc.plugin.executeCommand = function (command, data) {
+    if (command === "close") {
+      this.executeCommand("close", "");
+    }
+  };
+
+  /**
+   * Handle method return values
+   */
+  window.Asc.plugin.onMethodReturn = function (returnValue) {};
+})(window, undefined);
diff --git a/sdkjs-plugins/content/news/scripts/providers.js b/sdkjs-plugins/content/news/scripts/providers.js
new file mode 100644
index 00000000..73839dec
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/providers.js
@@ -0,0 +1,421 @@
+/**
+ * News API Providers Configuration
+ * Defines available news API providers and their configurations
+ */
+
+(function (window) {
+  "use strict";
+
+  /**
+   * Provider Configurations
+   */
+  var Providers = {
+    GNEWS: {
+      id: "gnews",
+      name: "GNews",
+      baseUrl: "https://gnews.io/api/v4",
+      website: "https://gnews.io",
+      
+      // API endpoints
+      endpoints: {
+        search: "/search",
+        topHeadlines: "/top-headlines",
+      },
+
+      // Build search URL
+      buildSearchUrl: function (apiKey, query, settings) {
+        var urlParams = {
+          q: query,
+          token: apiKey,
+          lang: settings.language || "en",
+          sortby: settings.sortBy || "publishedAt",
+          country: settings.country || "us",
+        };
+        
+        // Add "in" parameter (search in title, description, or content)
+        if (settings.searchIn) {
+          urlParams.in = settings.searchIn;
+        }
+        
+        return this.buildUrl(this.baseUrl + this.endpoints.search, urlParams);
+      },
+
+      // Build top headlines URL
+      buildHeadlinesUrl: function (apiKey, params) {
+        var urlParams = {
+          token: apiKey,
+          lang: params.language || "en",
+        };
+        if (params.category) urlParams.category = params.category;
+        if (params.country) urlParams.country = params.country;
+        if (params.query) urlParams.q = params.query;
+
+        return this.buildUrl(this.baseUrl + this.endpoints.topHeadlines, urlParams);
+      },
+
+      // Build validation URL
+      buildValidationUrl: function (apiKey) {
+        return this.buildUrl(this.baseUrl + this.endpoints.search, {
+          q: "technology",
+          token: apiKey,
+          max: 1,
+          lang: "en",
+        });
+      },
+
+      // Parse API response
+      parseResponse: function (data) {
+        if (data.articles && Array.isArray(data.articles)) {
+          return {
+            success: true,
+            articles: data.articles.map(function (article) {
+              return {
+                title: article.title,
+                description: article.description,
+                content: article.content,
+                url: article.url,
+                publishedAt: article.publishedAt,
+                source: article.source,
+              };
+            }),
+          };
+        }
+        return {
+          success: false,
+          error: data.errors ? data.errors.join(", ") : "No articles found",
+          articles: [],
+        };
+      },
+
+      // Helper to build URL with params
+      buildUrl: function (base, params) {
+        var url = new URL(base);
+        Object.keys(params).forEach(function (key) {
+          if (params[key] !== null && params[key] !== undefined && params[key] !== "") {
+            url.searchParams.append(key, params[key]);
+          }
+        });
+        return url.toString();
+      },
+    },
+
+    THENEWSAPI: {
+      id: "thenewsapi",
+      name: "TheNewsAPI",
+      baseUrl: "https://api.thenewsapi.com/v1/news",
+      website: "https://www.thenewsapi.com",
+      
+      // API endpoints
+      endpoints: {
+        search: "/all",
+        topHeadlines: "/top",
+      },
+
+      // Build search URL
+      buildSearchUrl: function (apiKey, query, settings) {
+        var urlParams = {
+          search: query,
+          api_token: apiKey,
+          language: settings.language || "en",
+          sort: settings.sortBy === "relevance" ? "relevance_score" : "published_at",
+        };
+        
+        // Add domains filter if provided
+        if (settings.domains && settings.domains.trim() !== "") {
+          urlParams.domains = settings.domains.trim();
+        }
+        
+        // Add search_fields if provided (for searching in specific fields)
+        if (settings.search_fields && settings.search_fields.trim() !== "") {
+          urlParams.search_fields = settings.search_fields.trim();
+        }
+        
+        // Add exclude_domains if provided
+        if (settings.exclude_domains && settings.exclude_domains.trim() !== "") {
+          urlParams.exclude_domains = settings.exclude_domains.trim();
+        }
+        
+        return this.buildUrl(this.baseUrl + this.endpoints.search, urlParams);
+      },
+
+      // Build top headlines URL
+      buildHeadlinesUrl: function (apiKey, params) {
+        var urlParams = {
+          api_token: apiKey,
+          language: params.language || "en",
+        };
+        
+        // Add locale (country) parameter
+        if (params.country) {
+          urlParams.locale = params.country;
+        }
+        
+        // Add categories filter if provided
+        if (params.category && params.category !== "") {
+          urlParams.categories = params.category;
+        }
+        
+        // Add search query if provided
+        if (params.query && params.query.trim() !== "") {
+          urlParams.search = params.query.trim();
+        }
+        
+        // Add domains filter if provided
+        if (params.domains && params.domains.trim() !== "") {
+          urlParams.domains = params.domains.trim();
+        }
+        
+        // Add exclude_domains if provided
+        if (params.exclude_domains && params.exclude_domains.trim() !== "") {
+          urlParams.exclude_domains = params.exclude_domains.trim();
+        }
+        
+        return this.buildUrl(this.baseUrl + this.endpoints.topHeadlines, urlParams);
+      },
+
+      // Build validation URL
+      buildValidationUrl: function (apiKey) {
+        return this.buildUrl(this.baseUrl + this.endpoints.search, {
+          search: "technology",
+          api_token: apiKey,
+          limit: 1,
+          language: "en",
+        });
+      },
+
+      // Parse API response
+      parseResponse: function (data) {
+        if (data.data && Array.isArray(data.data)) {
+          return {
+            success: true,
+            articles: data.data.map(function (article) {
+              return {
+                title: article.title,
+                description: article.description || article.snippet,
+                content: article.snippet || article.description,
+                url: article.url,
+                publishedAt: article.published_at,
+                source: {
+                  name: article.source || "Unknown",
+                },
+              };
+            }),
+          };
+        }
+        return {
+          success: false,
+          error: data.error ? data.error.message : "No articles found",
+          articles: [],
+        };
+      },
+
+      // Helper to build URL with params
+      buildUrl: function (base, params) {
+        var url = new URL(base);
+        Object.keys(params).forEach(function (key) {
+          if (params[key] !== null && params[key] !== undefined && params[key] !== "") {
+            url.searchParams.append(key, params[key]);
+          }
+        });
+        return url.toString();
+      },
+    },
+
+    WORLDNEWSAPI: {
+      id: "worldnewsapi",
+      name: "WorldNewsAPI",
+      baseUrl: "https://api.worldnewsapi.com",
+      website: "https://worldnewsapi.com",
+      
+      // API endpoints
+      endpoints: {
+        search: "/search-news",
+        topHeadlines: "/top-news",
+      },
+
+      // Build search URL
+      buildSearchUrl: function (apiKey, query, settings) {
+        var urlParams = {
+          text: query,
+          language: settings.language || "en",
+          number: 100,
+        };
+        
+        // WorldNewsAPI only supports 'publish-time' or empty for sort
+        // 'publish-time' = sort by date, empty/omitted = sort by relevance (default)
+        if (settings.sortBy && settings.sortBy === "publish-time") {
+          urlParams.sort = "publish-time";
+        }
+        // If sortBy is 'relevance' or anything else, don't add sort parameter (defaults to relevance)
+        
+        // Add text-match-indexes (search in title, content, or both)
+        if (settings.searchIn) {
+          var searchInMap = {
+            'title': 'title',
+            'description': 'content',
+            'content': 'content',
+            'title,description': 'title,content',
+            'title,content': 'title,content'
+          };
+          urlParams["text-match-indexes"] = searchInMap[settings.searchIn] || 'title,content';
+        }
+        
+        // Add source-country if provided
+        if (settings.country) {
+          urlParams["source-country"] = settings.country;
+        }
+        
+        // Add news-sources filter if provided
+        if (settings.domains && settings.domains.trim() !== "") {
+          urlParams["news-sources"] = settings.domains.trim();
+        }
+        
+        // Add categories filter if provided
+        if (settings.categories && settings.categories.trim() !== "") {
+          urlParams.categories = settings.categories.trim();
+        }
+        
+        // Add authors filter if provided
+        if (settings.authors && settings.authors.trim() !== "") {
+          urlParams.authors = settings.authors.trim();
+        }
+        
+        return this.buildUrl(this.baseUrl + this.endpoints.search, urlParams);
+      },
+
+      // Build top headlines URL
+      buildHeadlinesUrl: function (apiKey, params) {
+        var urlParams = {
+          language: params.language || "en",
+        };
+        
+        // source-country is required for top-news endpoint
+        urlParams["source-country"] = params.country || "us";
+        
+        // Add date if needed (defaults to today)
+        if (params.date) {
+          urlParams.date = params.date;
+        }
+        
+        // Add headlines-only parameter if needed
+        if (params.headlinesOnly) {
+          urlParams["headlines-only"] = true;
+        }
+        
+        return this.buildUrl(this.baseUrl + this.endpoints.topHeadlines, urlParams);
+      },
+
+      // Build validation URL
+      buildValidationUrl: function (apiKey) {
+        return this.buildUrl(this.baseUrl + this.endpoints.search, {
+          text: "technology",
+          language: "en",
+          number: 1,
+        });
+      },
+
+      // Parse API response
+      parseResponse: function (data) {
+        // Handle search-news response
+        if (data.news && Array.isArray(data.news)) {
+          return {
+            success: true,
+            articles: data.news.map(function (article) {
+              return {
+                title: article.title,
+                description: article.summary || article.text,
+                content: article.text,
+                url: article.url,
+                publishedAt: article.publish_date,
+                source: {
+                  name: article.source_country || "Unknown",
+                },
+              };
+            }),
+          };
+        }
+        
+        // Handle top-news response (clustered news)
+        if (data.top_news && Array.isArray(data.top_news)) {
+          var allArticles = [];
+          data.top_news.forEach(function (cluster) {
+            if (cluster.news && Array.isArray(cluster.news)) {
+              cluster.news.forEach(function (article) {
+                allArticles.push({
+                  title: article.title,
+                  description: article.summary || article.text,
+                  content: article.text,
+                  url: article.url,
+                  publishedAt: article.publish_date,
+                  source: {
+                    name: article.source_country || data.country || "Unknown",
+                  },
+                });
+              });
+            }
+          });
+          return {
+            success: true,
+            articles: allArticles,
+          };
+        }
+        
+        return {
+          success: false,
+          error: data.message || "No articles found",
+          articles: [],
+        };
+      },
+
+      // Helper to build URL with params
+      buildUrl: function (base, params) {
+        var url = new URL(base);
+        Object.keys(params).forEach(function (key) {
+          if (params[key] !== null && params[key] !== undefined && params[key] !== "") {
+            url.searchParams.append(key, params[key]);
+          }
+        });
+        return url.toString();
+      },
+    },
+  };
+
+  /**
+   * Provider Manager
+   */
+  var ProviderManager = {
+    currentProvider: null,
+
+    /**
+     * Get all available providers
+     */
+    getProviders: function () {
+      return [Providers.GNEWS, Providers.THENEWSAPI, Providers.WORLDNEWSAPI];
+    },
+
+    /**
+     * Get provider by ID
+     */
+    getProvider: function (providerId) {
+      return Providers[providerId.toUpperCase()] || null;
+    },
+
+    /**
+     * Set current provider
+     */
+    setProvider: function (providerId) {
+      this.currentProvider = this.getProvider(providerId);
+      return this.currentProvider;
+    },
+
+    /**
+     * Get current provider
+     */
+    getCurrentProvider: function () {
+      return this.currentProvider || Providers.GNEWS;
+    },
+  };
+
+  // Export to global scope
+  window.NewsProviders = ProviderManager;
+})(window);
diff --git a/sdkjs-plugins/content/news/scripts/storage.js b/sdkjs-plugins/content/news/scripts/storage.js
new file mode 100644
index 00000000..1b5e71e1
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/storage.js
@@ -0,0 +1,141 @@
+/**
+ * Storage Manager for News Plugin
+ * Handles all localStorage operations for API key persistence
+ */
+
+(function (window) {
+  "use strict";
+
+  const STORAGE_KEY = "news-api-key";
+  const PROVIDER_KEY = "news-provider";
+
+  /**
+   * Storage Manager
+   */
+  var StorageManager = {
+    /**
+     * Check if localStorage is available
+     */
+    isAvailable: function () {
+      try {
+        return "localStorage" in window && window.localStorage !== null;
+      } catch (e) {
+        console.error("localStorage not available:", e);
+        return false;
+      }
+    },
+
+    /**
+     * Save API key to localStorage
+     * @param {string} apiKey - The API key to save
+     * @returns {boolean} - Success status
+     */
+    saveApiKey: function (apiKey) {
+      if (!this.isAvailable()) {
+        console.error("localStorage is not available");
+        return false;
+      }
+
+      try {
+        localStorage.setItem(STORAGE_KEY, apiKey);
+        return true;
+      } catch (error) {
+        console.error("Failed to save API key to localStorage:", error);
+        return false;
+      }
+    },
+
+    /**
+     * Load API key from localStorage
+     * @returns {string} - The stored API key or empty string
+     */
+    loadApiKey: function () {
+      if (!this.isAvailable()) {
+        return "";
+      }
+
+      try {
+        return localStorage.getItem(STORAGE_KEY) || "";
+      } catch (error) {
+        console.error("Failed to load API key from localStorage:", error);
+        return "";
+      }
+    },
+
+    /**
+     * Remove API key from localStorage
+     * @returns {boolean} - Success status
+     */
+    removeApiKey: function () {
+      if (!this.isAvailable()) {
+        return false;
+      }
+
+      try {
+        localStorage.removeItem(STORAGE_KEY);
+        return true;
+      } catch (error) {
+        console.error("Failed to remove API key from localStorage:", error);
+        return false;
+      }
+    },
+
+    /**
+     * Save provider selection to localStorage
+     * @param {string} providerId - The provider ID to save
+     * @returns {boolean} - Success status
+     */
+    saveProvider: function (providerId) {
+      if (!this.isAvailable()) {
+        console.error("localStorage is not available");
+        return false;
+      }
+
+      try {
+        localStorage.setItem(PROVIDER_KEY, providerId);
+        return true;
+      } catch (error) {
+        console.error("Failed to save provider to localStorage:", error);
+        return false;
+      }
+    },
+
+    /**
+     * Load provider selection from localStorage
+     * @returns {string} - The stored provider ID or "gnews" as default
+     */
+    loadProvider: function () {
+      if (!this.isAvailable()) {
+        return "gnews";
+      }
+
+      try {
+        return localStorage.getItem(PROVIDER_KEY) || "gnews";
+      } catch (error) {
+        console.error("Failed to load provider from localStorage:", error);
+        return "gnews";
+      }
+    },
+
+    /**
+     * Remove provider selection from localStorage
+     * @returns {boolean} - Success status
+     */
+    removeProvider: function () {
+      if (!this.isAvailable()) {
+        return false;
+      }
+
+      try {
+        localStorage.removeItem(PROVIDER_KEY);
+        return true;
+      } catch (error) {
+        console.error("Failed to remove provider from localStorage:", error);
+        return false;
+      }
+    },
+  };
+
+  // Export to global scope
+  window.GNewsStorage = StorageManager;
+})(window);
diff --git a/sdkjs-plugins/content/news/scripts/translations.js b/sdkjs-plugins/content/news/scripts/translations.js
new file mode 100644
index 00000000..adc790ed
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/translations.js
@@ -0,0 +1,215 @@
+/**
+ * Translation Manager for News Plugin
+ * Handles all UI translations
+ */
+
+(function (window) {
+  "use strict";
+
+  var TranslationManager = {
+    /**
+     * Helper function to get element by ID
+     */
+    $: function (id) {
+      return document.getElementById(id);
+    },
+
+    /**
+     * Safely translate element text content
+     */
+    translateElement: function (elementId, key) {
+      const element = this.$(elementId);
+      if (element && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+        element.textContent = window.Asc.plugin.tr(key);
+      }
+    },
+
+    /**
+     * Safely translate input placeholder
+     */
+    translatePlaceholder: function (elementId, key) {
+      const element = this.$(elementId);
+      if (element && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+        element.placeholder = window.Asc.plugin.tr(key);
+      }
+    },
+
+    /**
+     * Apply all translations to the UI
+     */
+    applyTranslations: function () {
+      // Main interface elements
+      this.translateElement("description-text", "Search through millions of articles");
+      this.translateElement("description-text-2", "Search through millions of articles");
+      this.translateElement("api-key-label", "API key");
+      this.translateElement("provider-label", "News Provider");
+      this.translatePlaceholder("api-key-setup", "Enter your API key");
+      this.translateElement("get-api-key-text", "Get your free API key");
+
+      // Check button text before translating
+      const saveApiBtn = this.$("save-api-btn");
+      if (saveApiBtn && saveApiBtn.textContent.trim() === "Login") {
+        this.translateElement("save-api-btn", "Login");
+      }
+
+      // Tab labels
+      this.translateElement("search-tab-text", "Search");
+      this.translateElement("headlines-tab-text", "Top Headlines");
+
+      // Form labels
+      this.translateElement("search-prompt-label", "Prompt");
+      this.translateElement("headlines-prompt-label", "Prompt");
+      this.translatePlaceholder("search-query", "Search with keywords");
+      this.translatePlaceholder("headlines-query", "Search with keywords");
+      this.translateElement("search-in-label", "Search in");
+      this.translateElement("title-label", "Title");
+      this.translateElement("description-label", "Description");
+      this.translateElement("content-label", "Content");
+      this.translateElement("advanced-settings-label", "Advanced Settings");
+      this.translateElement("headlines-advanced-settings-label", "Advanced Settings");
+
+      // Buttons
+      const searchBtn = this.$("search-btn");
+      if (searchBtn && searchBtn.textContent.trim() === "Find") {
+        this.translateElement("search-btn", "Find");
+      }
+
+      const headlinesBtn = this.$("headlines-btn");
+      if (headlinesBtn && headlinesBtn.textContent.trim() === "Find") {
+        this.translateElement("headlines-btn", "Find");
+      }
+
+      this.translateElement("advanced-settings-btn", "Show advanced settings");
+      this.translateElement("reconfigure-btn", "Reconfigure");
+      this.translateElement("back-to-search-btn", "Back to search");
+
+      // Category and country options
+      this.translateElement("category-label", "Category");
+      this.translateElement("country-label", "Country");
+
+      // Select options
+      this.translateSelectOptions();
+      this.translateAdvancedSettings();
+    },
+
+    /**
+     * Translate select dropdown options
+     */
+    translateSelectOptions: function () {
+      const options = [
+        { id: "all-categories-option", key: "All Categories" },
+        { id: "general-option", key: "General" },
+        { id: "business-option", key: "Business" },
+        { id: "entertainment-option", key: "Entertainment" },
+        { id: "health-option", key: "Health" },
+        { id: "science-option", key: "Science" },
+        { id: "sports-option", key: "Sports" },
+        { id: "technology-option", key: "Technology" },
+        { id: "us-option", key: "United States" },
+        { id: "gb-option", key: "United Kingdom" },
+        { id: "ca-option", key: "Canada" },
+        { id: "au-option", key: "Australia" },
+        { id: "de-option", key: "Germany" },
+        { id: "fr-option", key: "France" },
+        { id: "jp-option", key: "Japan" },
+        { id: "in-option", key: "India" },
+      ];
+
+      var self = this;
+      options.forEach(function (option) {
+        const element = self.$(option.id);
+        if (element && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          element.textContent = window.Asc.plugin.tr(option.key);
+        }
+      });
+    },
+
+    /**
+     * Translate advanced settings options
+     */
+    translateAdvancedSettings: function () {
+      var self = this;
+      ["search", "headlines"].forEach(function (prefix) {
+        const sortBySelect = self.$(prefix + "-sortby");
+        if (sortBySelect && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          const options = sortBySelect.querySelectorAll("option");
+          if (options[0]) {
+            options[0].textContent = window.Asc.plugin.tr("Publication Date");
+          }
+          if (options[1]) {
+            options[1].textContent = window.Asc.plugin.tr("Relevance");
+          }
+        }
+
+        const langSelect = self.$(prefix + "-lang");
+        if (langSelect && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          const langOptions = langSelect.querySelectorAll("option");
+          const langKeys = [
+            "English",
+            "Spanish",
+            "French",
+            "German",
+            "Italian",
+            "Portuguese",
+            "Japanese",
+            "Chinese",
+            "Arabic",
+            "Russian",
+            "Hindi",
+            "Korean",
+          ];
+          langOptions.forEach(function (option, index) {
+            if (langKeys[index]) {
+              option.textContent = window.Asc.plugin.tr(langKeys[index]);
+            }
+          });
+        }
+        
+        // Translate domains label if it exists (TheNewsAPI only)
+        const domainsLabel = document.querySelector('label[for="' + prefix + '-domains"]');
+        if (domainsLabel && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          domainsLabel.textContent = window.Asc.plugin.tr("Domains") + ':';
+        }
+        
+        // Translate domains placeholder if it exists
+        const domainsInput = self.$(prefix + "-domains");
+        if (domainsInput && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          domainsInput.placeholder = window.Asc.plugin.tr("e.g., bbc.co.uk, cnn.com");
+        }
+        
+        // Translate authors label if it exists (WorldNewsAPI only)
+        const authorsLabel = document.querySelector('label[for="' + prefix + '-authors"]');
+        if (authorsLabel && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          authorsLabel.textContent = window.Asc.plugin.tr("Authors") + ':';
+        }
+        
+        // Translate authors placeholder if it exists
+        const authorsInput = self.$(prefix + "-authors");
+        if (authorsInput && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          authorsInput.placeholder = window.Asc.plugin.tr("e.g., John Doe, Jane Smith");
+        }
+        
+        // Translate categories label if it exists (WorldNewsAPI and TheNewsAPI)
+        const categoriesLabel = document.querySelector('label[for="' + prefix + '-categories"]');
+        if (categoriesLabel && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          categoriesLabel.textContent = window.Asc.plugin.tr("Categories Filter") + ':';
+        }
+        
+        // Translate categories placeholder if it exists
+        const categoriesInput = self.$(prefix + "-categories");
+        if (categoriesInput && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          categoriesInput.placeholder = window.Asc.plugin.tr("e.g., politics, sports");
+        }
+        
+        // Translate locale label if it exists (TheNewsAPI only)
+        const localeLabel = document.querySelector('label[for="' + prefix + '-locale"]');
+        if (localeLabel && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+          localeLabel.textContent = window.Asc.plugin.tr("Locale") + ':';
+        }
+      });
+    },
+  };
+
+  // Export to global scope
+  window.GNewsTranslations = TranslationManager;
+})(window);
diff --git a/sdkjs-plugins/content/news/scripts/ui.js b/sdkjs-plugins/content/news/scripts/ui.js
new file mode 100644
index 00000000..4d71bb5f
--- /dev/null
+++ b/sdkjs-plugins/content/news/scripts/ui.js
@@ -0,0 +1,691 @@
+/**
+ * UI Manager for News Plugin
+ * Handles all UI state management and DOM manipulation
+ */
+
+(function (window) {
+  "use strict";
+
+  var UIManager = {
+    currentArticles: [],
+    currentTab: "search",
+    currentProvider: "gnews",
+
+    /**
+     * Helper function to get element by ID
+     */
+    $: function (id) {
+      return document.getElementById(id);
+    },
+
+    /**
+     * Set element state (disabled/enabled and text)
+     */
+    setElementState: function (id, disabled, text) {
+      const el = this.$(id);
+      if (el) {
+        if (disabled !== undefined) el.disabled = disabled;
+        if (text !== undefined) el.textContent = text;
+      }
+    },
+
+    /**
+     * Show status message
+     */
+    showStatus: function (message, isError) {
+      const status = this.$("status");
+      if (!status) return;
+
+      status.textContent = message;
+      status.className = isError ? "error" : "success";
+      
+      setTimeout(function () {
+        status.textContent = "";
+        status.className = "";
+      }, 4000);
+    },
+
+    /**
+     * Show API setup screen
+     */
+    showApiSetup: function () {
+      this.$("api-setup").style.display = "block";
+      this.$("search-interface").style.display = "none";
+    },
+
+    /**
+     * Show search interface
+     */
+    showSearchInterface: function () {
+      this.$("api-setup").style.display = "none";
+      this.$("search-interface").style.display = "block";
+    },
+
+    /**
+     * Update provider information in UI
+     */
+    updateProviderInfo: function (providerId) {
+      if (providerId) {
+        this.currentProvider = providerId;
+      }
+      
+      var provider = window.NewsProviders.getCurrentProvider();
+      
+      // Update API key link
+      var apiKeyLink = this.$("provider-website-link");
+      if (apiKeyLink && provider) {
+        apiKeyLink.href = provider.website;
+        apiKeyLink.textContent = provider.website.replace("https://", "").replace("www.", "");
+      }
+      
+      // Update placeholder
+      var apiKeyInput = this.$("api-key-setup");
+      if (apiKeyInput && provider) {
+        apiKeyInput.placeholder = "Enter your " + provider.name + " API key";
+      }
+      
+      // Recreate advanced settings with provider-specific options
+      this.createAdvancedSettings();
+    },
+
+    /**
+     * Create provider selector HTML
+     */
+    createProviderSelector: function () {
+      var providers = window.NewsProviders.getProviders();
+      var html = '<div class="form-group"><label for="provider-select" id="provider-label">News Provider:</label><select id="provider-select" onchange="changeProvider()">';
+      
+      providers.forEach(function (provider) {
+        html += '<option value="' + provider.id + '">' + provider.name + '</option>';
+      });
+      
+      html += '</select></div>';
+      return html;
+    },
+
+    /**
+     * Initialize provider selector
+     */
+    initializeProviderSelector: function (selectedProvider) {
+      var providerSelect = this.$("provider-select");
+      if (providerSelect && selectedProvider) {
+        providerSelect.value = selectedProvider;
+        this.currentProvider = selectedProvider;
+        
+        // Update UI for the selected provider
+        window.NewsProviders.setProvider(selectedProvider);
+        this.updateProviderInfo(selectedProvider);
+      }
+    },
+
+    /**
+     * Show search form
+     */
+    showSearchForm: function () {
+      const searchForm = document.querySelector(".search-form-container");
+      const resultsSection = this.$("results-section");
+
+      if (searchForm) searchForm.style.display = "block";
+      if (resultsSection) resultsSection.style.display = "none";
+    },
+
+    /**
+     * Show search results
+     */
+    showSearchResults: function () {
+      const searchForm = document.querySelector(".search-form-container");
+      const resultsSection = this.$("results-section");
+
+      if (searchForm) searchForm.style.display = "none";
+      if (resultsSection) resultsSection.style.display = "block";
+    },
+
+    /**
+     * Switch between tabs
+     */
+    switchTab: function (tabName) {
+      this.currentTab = tabName;
+
+      const searchTab = this.$("search-tab");
+      const headlinesTab = this.$("headlines-tab");
+      const searchContent = this.$("search-content");
+      const headlinesContent = this.$("headlines-content");
+
+      if (tabName === "search") {
+        searchTab.classList.add("active");
+        headlinesTab.classList.remove("active");
+        searchContent.style.display = "block";
+        headlinesContent.style.display = "none";
+      } else {
+        searchTab.classList.remove("active");
+        headlinesTab.classList.add("active");
+        searchContent.style.display = "none";
+        headlinesContent.style.display = "block";
+      }
+
+      const advancedBtn = this.$("advanced-settings-btn");
+      if (advancedBtn && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+        advancedBtn.textContent = window.Asc.plugin.tr("Show advanced settings");
+      }
+
+      const searchAdvanced = this.$("search-advanced-settings");
+      const headlinesAdvanced = this.$("headlines-advanced-settings");
+      if (searchAdvanced) searchAdvanced.style.display = "none";
+      if (headlinesAdvanced) headlinesAdvanced.style.display = "none";
+
+      this.showSearchForm();
+      this.currentArticles = [];
+    },
+
+    /**
+     * Toggle advanced settings visibility
+     */
+    toggleAdvancedSettings: function () {
+      const advancedSection = this.$(this.currentTab + "-advanced-settings");
+      const advancedBtn = this.$("advanced-settings-btn");
+
+      if (advancedSection && advancedBtn && window.Asc && window.Asc.plugin && window.Asc.plugin.tr) {
+        if (advancedSection.style.display === "none") {
+          advancedSection.style.display = "block";
+          advancedBtn.textContent = window.Asc.plugin.tr("Hide advanced settings");
+        } else {
+          advancedSection.style.display = "none";
+          advancedBtn.textContent = window.Asc.plugin.tr("Show advanced settings");
+        }
+      }
+    },
+
+    /**
+     * Get display options from checkboxes
+     */
+    getDisplayOptions: function () {
+      if (this.currentTab === "headlines") {
+        return { title: true, description: true, content: false };
+      }
+
+      const showTitle = this.$("show-title").checked;
+      const showDescription = this.$("show-description").checked;
+      const showContent = this.$("show-content").checked;
+
+      if (!showTitle && !showDescription && !showContent) {
+        return { title: true, description: true, content: false };
+      }
+
+      return {
+        title: showTitle,
+        description: showDescription,
+        content: showContent,
+      };
+    },
+
+    /**
+     * Get advanced settings for a tab
+     */
+    getAdvancedSettings: function (tabPrefix) {
+      const sortElement = this.$(tabPrefix + "-sortby");
+      const langElement = this.$(tabPrefix + "-lang");
+      const domainsElement = this.$(tabPrefix + "-domains");
+      const excludeDomainsElement = this.$(tabPrefix + "-exclude-domains");
+      const searchFieldsElement = this.$(tabPrefix + "-search-fields");
+      const authorsElement = this.$(tabPrefix + "-authors");
+      const categoriesElement = this.$(tabPrefix + "-categories");
+
+      var settings = {
+        sortBy: sortElement ? sortElement.value || "publishedAt" : "publishedAt",
+        language: langElement ? langElement.value || "en" : "en",
+      };
+      
+      // Add "Search In" settings (for GNews and WorldNewsAPI)
+      if (tabPrefix === "search") {
+        const showTitle = this.$("show-title");
+        const showDescription = this.$("show-description");
+        const showContent = this.$("show-content");
+        
+        if (showTitle && showDescription && showContent) {
+          var searchInParts = [];
+          if (showTitle.checked) searchInParts.push("title");
+          if (showDescription.checked || showContent.checked) searchInParts.push("description");
+          
+          if (searchInParts.length > 0) {
+            settings.searchIn = searchInParts.join(",");
+          }
+        }
+      }
+      
+      // Add provider-specific settings
+      if (domainsElement && domainsElement.value) {
+        settings.domains = domainsElement.value;
+      }
+      
+      if (excludeDomainsElement && excludeDomainsElement.value) {
+        settings.exclude_domains = excludeDomainsElement.value;
+      }
+      
+      if (searchFieldsElement && searchFieldsElement.value) {
+        settings.search_fields = searchFieldsElement.value;
+      }
+      
+      if (authorsElement && authorsElement.value) {
+        settings.authors = authorsElement.value;
+      }
+      
+      if (categoriesElement && categoriesElement.value) {
+        settings.categories = categoriesElement.value;
+      }
+      
+      return settings;
+    },
+
+    /**
+     * Get provider-specific advanced settings configuration
+     */
+    getProviderAdvancedConfig: function (providerId) {
+      if (providerId === "gnews") {
+        return {
+          supportsDomains: false,
+          supportsSearchIn: true,
+          supportsLocale: false,
+          supportsSearchFields: false,
+          supportsExcludeDomains: false,
+          supportsCategories: false,
+          supportsExcludeCategories: false,
+          supportsAuthors: false,
+          supportsHeadlinesQuery: true, 
+          supportsHeadlinesCategory: true, 
+          sortOptions: [
+            { value: "publishedAt", label: "Publication Date" },
+            { value: "relevance", label: "Relevance" }
+          ]
+        };
+      } else if (providerId === "thenewsapi") {
+        return {
+          supportsDomains: true,
+          supportsSearchIn: false,
+          supportsLocale: false,
+          supportsSearchFields: true,
+          supportsExcludeDomains: true,
+          supportsCategories: true,
+          supportsExcludeCategories: true,
+          supportsAuthors: false,
+          supportsHeadlinesQuery: true,
+          supportsHeadlinesCategory: true,
+          sortOptions: [
+            { value: "published_at", label: "Publication Date" },
+            { value: "relevance_score", label: "Relevance" }
+          ]
+        };
+      } else if (providerId === "worldnewsapi") {
+        return {
+          supportsDomains: true,
+          supportsSearchIn: true,
+          supportsLocale: false,
+          supportsSearchFields: false,
+          supportsExcludeDomains: false,
+          supportsCategories: true,
+          supportsExcludeCategories: false,
+          supportsAuthors: true,
+          supportsHeadlinesQuery: false,
+          supportsHeadlinesCategory: false,
+          sortOptions: [
+            { value: "publish-time", label: "Publication Date" },
+            { value: "relevance", label: "Relevance" }
+          ]
+        };
+      }
+      // Default configuration
+      return {
+        supportsDomains: false,
+        supportsSearchIn: true,
+        supportsLocale: false,
+        supportsSearchFields: false,
+        supportsExcludeDomains: false,
+        supportsCategories: false,
+        supportsExcludeCategories: false,
+        supportsAuthors: false,
+        supportsHeadlinesQuery: true,
+        supportsHeadlinesCategory: true,
+        sortOptions: [
+          { value: "publishedAt", label: "Publication Date" },
+          { value: "relevance", label: "Relevance" }
+        ]
+      };
+    },
+
+    /**
+     * Create advanced settings HTML based on provider
+     */
+    createAdvancedSettings: function () {
+      var config = this.getProviderAdvancedConfig(this.currentProvider);
+      var tr = window.Asc && window.Asc.plugin && window.Asc.plugin.tr ? window.Asc.plugin.tr : function(s) { return s; };
+      
+      // Helper function to build base HTML (sort + language)
+      var buildBaseHTML = function() {
+        var html = "";
+        
+        // Sort by dropdown (common to all providers)
+        html += '<div class="form-group">';
+        html += '<label for="PREFIX-sortby">' + tr("Sort by") + ':</label>';
+        html += '<select id="PREFIX-sortby">';
+        config.sortOptions.forEach(function(opt) {
+          html += '<option value="' + opt.value + '">' + tr(opt.label) + '</option>';
+        });
+        html += '</select>';
+        html += '</div>';
+        
+        // Language dropdown (common to all providers)
+        html += '<div class="form-group">';
+        html += '<label for="PREFIX-lang">' + tr("Language") + ':</label>';
+        html += '<select id="PREFIX-lang">';
+        html += '<option value="en">' + tr("English") + '</option>';
+        html += '<option value="es">' + tr("Spanish") + '</option>';
+        html += '<option value="fr">' + tr("French") + '</option>';
+        html += '<option value="de">' + tr("German") + '</option>';
+        html += '<option value="it">' + tr("Italian") + '</option>';
+        html += '<option value="pt">' + tr("Portuguese") + '</option>';
+        html += '<option value="ja">' + tr("Japanese") + '</option>';
+        html += '<option value="zh">' + tr("Chinese") + '</option>';
+        html += '<option value="ar">' + tr("Arabic") + '</option>';
+        html += '<option value="ru">' + tr("Russian") + '</option>';
+        html += '<option value="hi">' + tr("Hindi") + '</option>';
+        html += '<option value="ko">' + tr("Korean") + '</option>';
+        html += '</select>';
+        html += '</div>';
+        
+        return html;
+      };
+      
+      // Helper function to build provider-specific fields
+      var buildProviderFields = function(isHeadlines) {
+        var html = "";
+        
+        // For WorldNewsAPI Top Headlines, skip domains, authors, and categories
+        if (isHeadlines && this.currentProvider === "worldnewsapi") {
+          // Don't add domains, authors, or categories for WorldNewsAPI headlines
+          return html;
+        }
+        
+        // Provider-specific: Domains (TheNewsAPI and WorldNewsAPI search)
+        if (config.supportsDomains) {
+          html += '<div class="form-group">';
+          html += '<label for="PREFIX-domains">' + tr("Domains") + ':</label>';
+          html += '<input type="text" id="PREFIX-domains" placeholder="' + tr("e.g., bbc.co.uk, cnn.com") + '" />';
+          html += '<div class="help-text">' + tr("Comma-separated list of domains to include") + '</div>';
+          html += '</div>';
+        }
+        
+        // Provider-specific: Exclude Domains (TheNewsAPI)
+        if (config.supportsExcludeDomains) {
+          html += '<div class="form-group">';
+          html += '<label for="PREFIX-exclude-domains">' + tr("Exclude Domains") + ':</label>';
+          html += '<input type="text" id="PREFIX-exclude-domains" placeholder="' + tr("e.g., example.com") + '" />';
+          html += '<div class="help-text">' + tr("Comma-separated list of domains to exclude") + '</div>';
+          html += '</div>';
+        }
+        
+        // Provider-specific: Authors (WorldNewsAPI search only)
+        if (config.supportsAuthors) {
+          html += '<div class="form-group">';
+          html += '<label for="PREFIX-authors">' + tr("Authors") + ':</label>';
+          html += '<input type="text" id="PREFIX-authors" placeholder="' + tr("e.g., John Doe, Jane Smith") + '" />';
+          html += '<div class="help-text">' + tr("Comma-separated list of author names") + '</div>';
+          html += '</div>';
+        }
+        
+        // Provider-specific: Categories (WorldNewsAPI search and TheNewsAPI)
+        if (config.supportsCategories) {
+          html += '<div class="form-group">';
+          html += '<label for="PREFIX-categories">' + tr("Categories Filter") + ':</label>';
+          html += '<input type="text" id="PREFIX-categories" placeholder="' + tr("e.g., politics, sports") + '" />';
+          html += '<div class="help-text">' + tr("Comma-separated list of categories") + '</div>';
+          html += '</div>';
+        }
+        
+        return html;
+      }.bind(this);
+      
+      // Build HTML for search tab
+      var searchHTML = buildBaseHTML() + buildProviderFields(false);
+      
+      // Build HTML for headlines tab
+      var headlinesHTML = buildBaseHTML() + buildProviderFields(true);
+      
+      // Provider-specific: Search Fields (TheNewsAPI, search only)
+      if (config.supportsSearchFields) {
+        var searchFieldsHTML = '<div class="form-group">';
+        searchFieldsHTML += '<label for="search-search-fields">' + tr("Search Fields") + ':</label>';
+        searchFieldsHTML += '<select id="search-search-fields">';
+        searchFieldsHTML += '<option value="title,main_text">' + tr("Title and Content") + '</option>';
+        searchFieldsHTML += '<option value="title">' + tr("Title Only") + '</option>';
+        searchFieldsHTML += '<option value="description">' + tr("Description Only") + '</option>';
+        searchFieldsHTML += '<option value="main_text">' + tr("Content Only") + '</option>';
+        searchFieldsHTML += '<option value="title,description,keywords">' + tr("Title, Description & Keywords") + '</option>';
+        searchFieldsHTML += '<option value="title,description,keywords,main_text">' + tr("All Fields") + '</option>';
+        searchFieldsHTML += '</select>';
+        searchFieldsHTML += '<div class="help-text">' + tr("Fields to search within") + '</div>';
+        searchFieldsHTML += '</div>';
+        
+        searchHTML += searchFieldsHTML;
+      }
+      
+      // Apply HTML to search tab
+      var searchOptionsEl = this.$('search-advanced-options');
+      if (searchOptionsEl) {
+        searchOptionsEl.innerHTML = searchHTML.replace(/PREFIX/g, 'search');
+      }
+      
+      // Apply HTML to headlines tab
+      var headlinesOptionsEl = this.$('headlines-advanced-options');
+      if (headlinesOptionsEl) {
+        headlinesOptionsEl.innerHTML = headlinesHTML.replace(/PREFIX/g, 'headlines');
+      }
+      
+      // Update "Search In" visibility for search tab
+      this.updateSearchInVisibility(config.supportsSearchIn);
+      
+      // Update headlines query visibility based on provider
+      this.updateHeadlinesQueryVisibility(config.supportsHeadlinesQuery);
+      
+      // Update headlines category visibility based on provider
+      this.updateHeadlinesCategoryVisibility(config.supportsHeadlinesCategory);
+    },
+
+    /**
+     * Update "Search In" section visibility
+     */
+    updateSearchInVisibility: function (visible) {
+      var searchInSection = this.$('search-in-section');
+      if (searchInSection) {
+        searchInSection.style.display = visible ? 'block' : 'none';
+      }
+    },
+
+    /**
+     * Update headlines query field visibility based on provider support
+     */
+    updateHeadlinesQueryVisibility: function (visible) {
+      var headlinesQueryGroup = this.$('headlines-query');
+      if (headlinesQueryGroup && headlinesQueryGroup.parentElement) {
+        // Hide/show the entire form-group containing the query field
+        headlinesQueryGroup.parentElement.style.display = visible ? 'block' : 'none';
+      }
+    },
+
+    /**
+     * Update headlines category field visibility based on provider support
+     */
+    updateHeadlinesCategoryVisibility: function (visible) {
+      var headlinesCategoryGroup = this.$('headlines-category');
+      if (headlinesCategoryGroup && headlinesCategoryGroup.parentElement) {
+        // Hide/show the entire form-group containing the category field
+        headlinesCategoryGroup.parentElement.style.display = visible ? 'block' : 'none';
+      }
+    },
+
+    /**
+     * Initialize display options checkboxes
+     */
+    initializeDisplayOptions: function () {
+      const checkboxes = ["show-title", "show-description", "show-content"];
+      var self = this;
+      checkboxes.forEach(function (id, index) {
+        const el = self.$(id);
+        if (el) el.checked = index < 2;
+      });
+    },
+
+    /**
+     * Display search results
+     */
+    displaySearchResults: function (articles, showStatusMessage) {
+      this.currentArticles = articles;
+      const resultsList = this.$("articles-list");
+      
+      if (!resultsList) return;
+
+      if (articles.length === 0) {
+        // Clear the results header when no articles found
+        const resultsHeader = document.querySelector(".results-header");
+        if (resultsHeader) {
+          resultsHeader.textContent = "";
+        }
+        
+        resultsList.innerHTML =
+          '<div class="no-results">' +
+          (window.Asc.plugin.tr
+            ? window.Asc.plugin.tr("No articles found")
+            : "No articles found. Try a different search query.") +
+          "</div>";
+        this.showSearchResults();
+        if (showStatusMessage) {
+          this.showStatus("No articles found", true);
+        }
+        return;
+      }
+
+      const displayOptions = this.getDisplayOptions();
+      this.updateResultsHeader(articles.length, displayOptions);
+
+      let html = "";
+      articles.forEach(function (article, index) {
+        html += '<div class="article-item">';
+        html += '<div class="article-content">';
+        html += '<h3 class="article-title">' + UIManager.escapeHtml(article.title) + "</h3>";
+        html +=
+          '<p class="article-source">' +
+          UIManager.escapeHtml(article.source.name) +
+          " • " +
+          new Date(article.publishedAt).toLocaleDateString() +
+          "</p>";
+        if (article.description) {
+          html +=
+            '<p class="article-description">' +
+            UIManager.escapeHtml(article.description) +
+            "</p>";
+        }
+        html += "</div>";
+        html +=
+          '<button class="btn-open" onclick="insertSingleArticle(' +
+          index +
+          ')">' +
+          (window.Asc.plugin.tr ? window.Asc.plugin.tr("Open") : "Open") +
+          "</button>";
+        html += "</div>";
+      });
+
+      resultsList.innerHTML = html;
+      this.showSearchResults();
+
+      if (showStatusMessage) {
+        this.showStatus("Found " + articles.length + " articles", false);
+      }
+    },
+
+    /**
+     * Update results header
+     */
+    updateResultsHeader: function (count, displayOptions) {
+      const resultsHeader = document.querySelector(".results-header");
+      if (!resultsHeader) return;
+
+      if (count === 0) {
+        resultsHeader.textContent = "";
+        return;
+      }
+
+      const searchFields = [];
+      if (displayOptions.title) {
+        searchFields.push(
+          window.Asc.plugin.tr ? window.Asc.plugin.tr("title") : "title"
+        );
+      }
+      if (displayOptions.description) {
+        searchFields.push(
+          window.Asc.plugin.tr
+            ? window.Asc.plugin.tr("description")
+            : "description"
+        );
+      }
+      if (displayOptions.content) {
+        searchFields.push(
+          window.Asc.plugin.tr ? window.Asc.plugin.tr("content") : "content"
+        );
+      }
+
+      const allFieldsText = window.Asc.plugin.tr
+        ? window.Asc.plugin.tr("all fields")
+        : "all fields";
+      const searchFieldsText =
+        searchFields.length === 0 ? allFieldsText : searchFields.join(", ");
+      const successText = window.Asc.plugin.tr
+        ? window.Asc.plugin.tr("Success! {0} results were found by {1}")
+        : "Success! {0} results were found by {1}";
+      const headerText = successText
+        .replace("{0}", count)
+        .replace("{1}", searchFieldsText);
+
+      resultsHeader.textContent = headerText;
+    },
+
+    /**
+     * Escape HTML to prevent XSS
+     */
+    escapeHtml: function (text) {
+      const div = document.createElement("div");
+      div.textContent = text;
+      return div.innerHTML;
+    },
+
+    /**
+     * Open article link in browser
+     */
+    openArticleLink: function (article) {
+      if (!article.url) {
+        this.showStatus("Article URL not available", true);
+        return;
+      }
+
+      try {
+        window.open(article.url, "_blank");
+      } catch (error) {
+        console.error("Failed to open article:", error);
+        this.showStatus("Failed to open article", true);
+      }
+    },
+
+    /**
+     * Clear results and go back to search
+     */
+    goBackToSearch: function () {
+      this.showSearchForm();
+      this.currentArticles = [];
+      const status = this.$("status");
+      if (status) {
+        status.textContent = "";
+        status.className = "";
+      }
+    },
+  };
+
+  // Export to global scope
+  window.GNewsUI = UIManager;
+})(window);
diff --git a/sdkjs-plugins/content/news/translations/cs-CZ.json b/sdkjs-plugins/content/news/translations/cs-CZ.json
new file mode 100644
index 00000000..366c06ec
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/cs-CZ.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Prohledejte miliony článků z více než 80 000 velkých a malých zpravodajských zdrojů a blogů.",
+  "API key": "API klíč:",
+  "Enter your API key": "Zadejte svůj API klíč",
+  "Get your free API key": "Získejte svůj bezplatný API klíč z",
+  "Login": "Přihlášení",
+  "Search": "Hledat",
+  "Top Headlines": "Hlavní zprávy",
+  "Prompt": "Dotaz",
+  "Search with keywords": "Hledejte pomocí jednotlivých klíčových slov nebo obklopte úplné fráze uvozovkami",
+  "Search in": "Hledat v",
+  "Title": "Název",
+  "Description": "Popis",
+  "Content": "Obsah",
+  "Advanced Settings": "Pokročilá nastavení",
+  "Find": "Najít",
+  "Category": "Kategorie:",
+  "All Categories": "Všechny kategorie",
+  "General": "Obecné",
+  "Business": "Podnikání",
+  "Entertainment": "Zábava",
+  "Health": "Zdraví",
+  "Science": "Věda",
+  "Sports": "Sport",
+  "Technology": "Technologie",
+  "Country": "Země:",
+  "United States": "Spojené státy",
+  "United Kingdom": "Velká Británie",
+  "Canada": "Kanada",
+  "Australia": "Austrálie",
+  "Germany": "Německo",
+  "France": "Francie",
+  "Japan": "Japonsko",
+  "India": "Indie",
+  "Show advanced settings": "Zobrazit pokročilá nastavení",
+  "Hide advanced settings": "Skrýt pokročilá nastavení",
+  "Reconfigure": "Překonfigurovat",
+  "Search Results": "Výsledky hledání",
+  "Back to search": "Zpět k hledání",
+  "Sort by": "Řadit podle:",
+  "Publication Date": "Datum publikace (nejnovější první)",
+  "Relevance": "Relevance (nejlepší shoda první)",
+  "Language": "Jazyk:",
+  "English": "Angličtina",
+  "Spanish": "Španělština",
+  "French": "Francouzština",
+  "German": "Němčina",
+  "Italian": "Italština",
+  "Portuguese": "Portugalština",
+  "Japanese": "Japonština",
+  "Chinese": "Čínština",
+  "Arabic": "Arabština",
+  "Russian": "Ruština",
+  "Hindi": "Hindština",
+  "Korean": "Korejština",
+  "No articles found for your search": "Pro vaše vyhledávání nebyly nalezeny žádné články",
+  "Success! {0} results were found by {1}": "Úspěch! Nalezeno {0} výsledků pomocí {1}",
+  "all fields": "všechna pole"
+}
diff --git a/sdkjs-plugins/content/news/translations/de-DE.json b/sdkjs-plugins/content/news/translations/de-DE.json
new file mode 100644
index 00000000..61e1886c
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/de-DE.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Durchsuchen Sie Millionen von Artikeln aus über 80.000 großen und kleinen Nachrichtenquellen und Blogs.",
+  "API key": "API-Schlüssel:",
+  "Enter your API key": "Geben Sie Ihren API-Schlüssel ein",
+  "Get your free API key": "Erhalten Sie Ihren kostenlosen API-Schlüssel von",
+  "Login": "Anmelden",
+  "Search": "Suchen",
+  "Top Headlines": "Top-Schlagzeilen",
+  "Prompt": "Anfrage",
+  "Search with keywords": "Suchen Sie mit einzelnen Schlüsselwörtern oder setzen Sie vollständige Phrasen in Anführungszeichen",
+  "Search in": "Suchen in",
+  "Title": "Titel",
+  "Description": "Beschreibung",
+  "Content": "Inhalt",
+  "Advanced Settings": "Erweiterte Einstellungen",
+  "Find": "Finden",
+  "Category": "Kategorie:",
+  "All Categories": "Alle Kategorien",
+  "General": "Allgemein",
+  "Business": "Geschäft",
+  "Entertainment": "Unterhaltung",
+  "Health": "Gesundheit",
+  "Science": "Wissenschaft",
+  "Sports": "Sport",
+  "Technology": "Technologie",
+  "Country": "Land:",
+  "United States": "Vereinigte Staaten",
+  "United Kingdom": "Vereinigtes Königreich",
+  "Canada": "Kanada",
+  "Australia": "Australien",
+  "Germany": "Deutschland",
+  "France": "Frankreich",
+  "Japan": "Japan",
+  "India": "Indien",
+  "Show advanced settings": "Erweiterte Einstellungen anzeigen",
+  "Hide advanced settings": "Erweiterte Einstellungen ausblenden",
+  "Reconfigure": "Neu konfigurieren",
+  "Search Results": "Suchergebnisse",
+  "Back to search": "Zurück zur Suche",
+  "Sort by": "Sortieren nach:",
+  "Publication Date": "Veröffentlichungsdatum (neueste zuerst)",
+  "Relevance": "Relevanz (beste Übereinstimmung zuerst)",
+  "Language": "Sprache:",
+  "English": "Englisch",
+  "Spanish": "Spanisch",
+  "French": "Französisch",
+  "German": "Deutsch",
+  "Italian": "Italienisch",
+  "Portuguese": "Portugiesisch",
+  "Japanese": "Japanisch",
+  "Chinese": "Chinesisch",
+  "Arabic": "Arabisch",
+  "Russian": "Russisch",
+  "Hindi": "Hindi",
+  "Korean": "Koreanisch",
+  "No articles found for your search": "Keine Artikel für Ihre Suche gefunden",
+  "Success! {0} results were found by {1}": "Erfolg! {0} Ergebnisse wurden durch {1} gefunden",
+  "all fields": "alle Felder"
+}
diff --git a/sdkjs-plugins/content/news/translations/en-US.json b/sdkjs-plugins/content/news/translations/en-US.json
new file mode 100644
index 00000000..e56dc2fd
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/en-US.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Search through millions of articles from over 80,000 large and small news sources and blogs.",
+  "API key": "API key:",
+  "Enter your API key": "Enter your API key",
+  "Get your free API key": "Get your free API key from",
+  "Login": "Login",
+  "Search": "Search",
+  "Top Headlines": "Top Headlines",
+  "Prompt": "Prompt",
+  "Search with keywords": "Search with singular keywords, or surround complete phrases with quotation marks",
+  "Search in": "Search in",
+  "Title": "Title",
+  "Description": "Description",
+  "Content": "Content",
+  "Advanced Settings": "Advanced Settings",
+  "Find": "Find",
+  "Category": "Category:",
+  "All Categories": "All Categories",
+  "General": "General",
+  "Business": "Business",
+  "Entertainment": "Entertainment",
+  "Health": "Health",
+  "Science": "Science",
+  "Sports": "Sports",
+  "Technology": "Technology",
+  "Country": "Country:",
+  "United States": "United States",
+  "United Kingdom": "United Kingdom",
+  "Canada": "Canada",
+  "Australia": "Australia",
+  "Germany": "Germany",
+  "France": "France",
+  "Japan": "Japan",
+  "India": "India",
+  "Show advanced settings": "Show advanced settings",
+  "Hide advanced settings": "Hide advanced settings",
+  "Reconfigure": "Reconfigure",
+  "Search Results": "Search Results",
+  "Back to search": "Back to search",
+  "Sort by": "Sort by:",
+  "Publication Date": "Publication Date (newest first)",
+  "Relevance": "Relevance (best match first)",
+  "Language": "Language:",
+  "English": "English",
+  "Spanish": "Spanish",
+  "French": "French",
+  "German": "German",
+  "Italian": "Italian",
+  "Portuguese": "Portuguese",
+  "Japanese": "Japanese",
+  "Chinese": "Chinese",
+  "Arabic": "Arabic",
+  "Russian": "Russian",
+  "Hindi": "Hindi",
+  "Korean": "Korean",
+  "No articles found for your search": "No articles found for your search",
+  "Success! {0} results were found by {1}": "Success! {0} results were found by {1}",
+  "all fields": "all fields"
+}
diff --git a/sdkjs-plugins/content/news/translations/es-ES.json b/sdkjs-plugins/content/news/translations/es-ES.json
new file mode 100644
index 00000000..9e1c80be
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/es-ES.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Busque entre millones de artículos de más de 80,000 fuentes de noticias y blogs grandes y pequeños.",
+  "API key": "Clave API:",
+  "Enter your API key": "Ingrese su clave API",
+  "Get your free API key": "Obtenga su clave API gratuita desde",
+  "Login": "Iniciar sesión",
+  "Search": "Buscar",
+  "Top Headlines": "Titulares principales",
+  "Prompt": "Consulta",
+  "Search with keywords": "Busque con palabras clave singulares o rodee frases completas con comillas",
+  "Search in": "Buscar en",
+  "Title": "Título",
+  "Description": "Descripción",
+  "Content": "Contenido",
+  "Advanced Settings": "Configuración avanzada",
+  "Find": "Buscar",
+  "Category": "Categoría:",
+  "All Categories": "Todas las categorías",
+  "General": "General",
+  "Business": "Negocios",
+  "Entertainment": "Entretenimiento",
+  "Health": "Salud",
+  "Science": "Ciencia",
+  "Sports": "Deportes",
+  "Technology": "Tecnología",
+  "Country": "País:",
+  "United States": "Estados Unidos",
+  "United Kingdom": "Reino Unido",
+  "Canada": "Canadá",
+  "Australia": "Australia",
+  "Germany": "Alemania",
+  "France": "Francia",
+  "Japan": "Japón",
+  "India": "India",
+  "Show advanced settings": "Mostrar configuración avanzada",
+  "Hide advanced settings": "Ocultar configuración avanzada",
+  "Reconfigure": "Reconfigurar",
+  "Search Results": "Resultados de búsqueda",
+  "Back to search": "Volver a la búsqueda",
+  "Sort by": "Ordenar por:",
+  "Publication Date": "Fecha de publicación (más reciente primero)",
+  "Relevance": "Relevancia (mejor coincidencia primero)",
+  "Language": "Idioma:",
+  "English": "Inglés",
+  "Spanish": "Español",
+  "French": "Francés",
+  "German": "Alemán",
+  "Italian": "Italiano",
+  "Portuguese": "Portugués",
+  "Japanese": "Japonés",
+  "Chinese": "Chino",
+  "Arabic": "Árabe",
+  "Russian": "Ruso",
+  "Hindi": "Hindi",
+  "Korean": "Coreano",
+  "No articles found for your search": "No se encontraron artículos para su búsqueda",
+  "Success! {0} results were found by {1}": "¡Éxito! Se encontraron {0} resultados por {1}",
+  "all fields": "todos los campos"
+}
diff --git a/sdkjs-plugins/content/news/translations/fr-FR.json b/sdkjs-plugins/content/news/translations/fr-FR.json
new file mode 100644
index 00000000..26522a92
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/fr-FR.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Recherchez parmi des millions d'articles",
+  "API key": "Clé API",
+  "Enter your API key": "Entrez votre clé API",
+  "Get your free API key": "Obtenez votre clé API gratuite",
+  "Login": "Connexion",
+  "Search": "Rechercher",
+  "Top Headlines": "Titres principaux",
+  "Prompt": "Requête",
+  "Search with keywords": "Recherche par mots-clés",
+  "Search in": "Rechercher dans",
+  "Title": "Titre",
+  "Description": "Description",
+  "Content": "Contenu",
+  "Advanced Settings": "Paramètres avancés",
+  "Find": "Rechercher",
+  "Category": "Catégorie :",
+  "All Categories": "Toutes les catégories",
+  "General": "Général",
+  "Business": "Business",
+  "Entertainment": "Divertissement",
+  "Health": "Santé",
+  "Science": "Science",
+  "Sports": "Sports",
+  "Technology": "Technologie",
+  "Country": "Pays :",
+  "United States": "États-Unis",
+  "United Kingdom": "Royaume-Uni",
+  "Canada": "Canada",
+  "Australia": "Australie",
+  "Germany": "Allemagne",
+  "France": "France",
+  "Japan": "Japon",
+  "India": "Inde",
+  "Show advanced settings": "Afficher les paramètres avancés",
+  "Hide advanced settings": "Masquer les paramètres avancés",
+  "Reconfigure": "Reconfigurer",
+  "Search Results": "Résultats de recherche",
+  "Back to search": "Retour à la recherche",
+  "Sort by": "Trier par :",
+  "Publication Date": "Date de publication",
+  "Relevance": "Pertinence",
+  "Language": "Langue :",
+  "English": "Anglais",
+  "Spanish": "Espagnol",
+  "French": "Français",
+  "German": "Allemand",
+  "Italian": "Italien",
+  "Portuguese": "Portugais",
+  "Japanese": "Japonais",
+  "Chinese": "Chinois",
+  "Arabic": "Arabe",
+  "Russian": "Russe",
+  "Hindi": "Hindi",
+  "Korean": "Coréen",
+  "No articles found for your search": "Aucun article trouvé pour votre recherche",
+  "Success! {0} results were found by {1}": "Succès ! {0} résultats ont été trouvés par {1}",
+  "all fields": "tous les champs"
+}
diff --git a/sdkjs-plugins/content/news/translations/it-IT.json b/sdkjs-plugins/content/news/translations/it-IT.json
new file mode 100644
index 00000000..bfbbe7d1
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/it-IT.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Cerca tra milioni di articoli di oltre 80.000 fonti, tra notizie e blog grandi e piccoli.",
+  "API key": "Chiave API:",
+  "Enter your API key": "Inserisci la tua chiave API",
+  "Get your free API key": "Ottieni la tua chiave API gratuita",
+  "Login": "Accedi",
+  "Search": "Cerca",
+  "Top Headlines": "Titoli principali",
+  "Prompt": "Richiesta",
+  "Search with keywords": "Cerca con parole chiave singole o con frasi complete con virgolette",
+  "Search in": "Cerca in",
+  "Title": "Titolo",
+  "Description": "Descrizione",
+  "Content": "Contenuto",
+  "Advanced Settings": "Impostazioni avanzate",
+  "Find": "Trova",
+  "Category": "Categoria:",
+  "All Categories": "Tutte le categorie",
+  "General": "Generale",
+  "Business": "Affari",
+  "Entertainment": "Intrattenimento",
+  "Health": "Salute",
+  "Science": "Scienza",
+  "Sports": "Sport",
+  "Technology": "Tecnologia",
+  "Country": "Paese:",
+  "United States": "Stati Uniti",
+  "United Kingdom": "Regno Unito",
+  "Canada": "Canada",
+  "Australia": "Australia",
+  "Germany": "Germania",
+  "France": "Francia",
+  "Japan": "Giappone",
+  "India": "India",
+  "Show advanced settings": "Mostra impostazioni avanzate",
+  "Hide advanced settings": "Nascondi impostazioni avanzate",
+  "Reconfigure": "Riconfigura",
+  "Search Results": "Risultati della ricerca",
+  "Back to search": "Torna alla ricerca",
+  "Sort by": "Ordina per:",
+  "Publication Date": "Data di pubblicazione (più recente prima)",
+  "Relevance": "Rilevanza (migliore corrispondenza prima)",
+  "Language": "Lingua:",
+  "English": "Inglese",
+  "Spanish": "Spagnolo",
+  "French": "Francese",
+  "German": "Tedesco",
+  "Italian": "Italiano",
+  "Portuguese": "Portoghese",
+  "Japanese": "Giapponese",
+  "Chinese": "Cinese",
+  "Arabic": "Arabo",
+  "Russian": "Russo",
+  "Hindi": "Hindi",
+  "Korean": "Coreano",
+  "No articles found for your search": "Nessun articolo trovato per la tua ricerca",
+  "Success! {0} results were found by {1}": "Successo! {0} risultati sono stati trovati da {1}",
+  "all fields": "tutti i campi"
+}
diff --git a/sdkjs-plugins/content/news/translations/ja-JA.json b/sdkjs-plugins/content/news/translations/ja-JA.json
new file mode 100644
index 00000000..1b5b8855
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/ja-JA.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "80,000を超える大小のニュースソースとブログから数百万の記事を検索します。",
+  "API key": "APIキー：",
+  "Enter your API key": "APIキーを入力してください",
+  "Get your free API key": "無料のAPIキーを取得",
+  "Login": "ログイン",
+  "Search": "検索",
+  "Top Headlines": "トップニュース",
+  "Prompt": "プロンプト",
+  "Search with keywords": "単一のキーワードで検索するか、完全なフレーズを引用符で囲んでください",
+  "Search in": "検索対象",
+  "Title": "タイトル",
+  "Description": "説明",
+  "Content": "コンテンツ",
+  "Advanced Settings": "詳細設定",
+  "Find": "検索",
+  "Category": "カテゴリ：",
+  "All Categories": "すべてのカテゴリ",
+  "General": "一般",
+  "Business": "ビジネス",
+  "Entertainment": "エンターテイメント",
+  "Health": "健康",
+  "Science": "科学",
+  "Sports": "スポーツ",
+  "Technology": "技術",
+  "Country": "国：",
+  "United States": "アメリカ合衆国",
+  "United Kingdom": "イギリス",
+  "Canada": "カナダ",
+  "Australia": "オーストラリア",
+  "Germany": "ドイツ",
+  "France": "フランス",
+  "Japan": "日本",
+  "India": "インド",
+  "Show advanced settings": "詳細設定を表示",
+  "Hide advanced settings": "詳細設定を非表示",
+  "Reconfigure": "再設定",
+  "Search Results": "検索結果",
+  "Back to search": "検索に戻る",
+  "Sort by": "並び順：",
+  "Publication Date": "公開日（新しい順）",
+  "Relevance": "関連性（最適な一致順）",
+  "Language": "言語：",
+  "English": "英語",
+  "Spanish": "スペイン語",
+  "French": "フランス語",
+  "German": "ドイツ語",
+  "Italian": "イタリア語",
+  "Portuguese": "ポルトガル語",
+  "Japanese": "日本語",
+  "Chinese": "中国語",
+  "Arabic": "アラビア語",
+  "Russian": "ロシア語",
+  "Hindi": "ヒンディー語",
+  "Korean": "韓国語",
+  "No articles found for your search": "検索条件に一致する記事が見つかりませんでした",
+  "Success! {0} results were found by {1}": "成功！{1}で{0}件の結果が見つかりました",
+  "all fields": "すべてのフィールド"
+}
diff --git a/sdkjs-plugins/content/news/translations/langs.json b/sdkjs-plugins/content/news/translations/langs.json
new file mode 100644
index 00000000..9163f7ab
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/langs.json
@@ -0,0 +1,12 @@
+[
+  "cs-CZ",
+  "de-DE",
+  "es-ES",
+  "fr-FR",
+  "ja-JA",
+  "ru-RU",
+  "pt-BR",
+  "si-LK",
+  "zh-ZH",
+  "it-IT"
+]
diff --git a/sdkjs-plugins/content/news/translations/pt-BR.json b/sdkjs-plugins/content/news/translations/pt-BR.json
new file mode 100644
index 00000000..4acfa7f1
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/pt-BR.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Pesquise entre milhões de artigos de mais de 80.000 fontes de notícias e blogs grandes e pequenos.",
+  "API key": "Chave da API:",
+  "Enter your API key": "Digite sua chave da API",
+  "Get your free API key": "Obtenha sua chave da API gratuita em",
+  "Login": "Entrar",
+  "Search": "Pesquisar",
+  "Top Headlines": "Principais manchetes",
+  "Prompt": "Consulta",
+  "Search with keywords": "Pesquise com palavras-chave singulares ou coloque frases completas entre aspas",
+  "Search in": "Pesquisar em",
+  "Title": "Título",
+  "Description": "Descrição",
+  "Content": "Conteúdo",
+  "Advanced Settings": "Configurações avançadas",
+  "Find": "Encontrar",
+  "Category": "Categoria:",
+  "All Categories": "Todas as categorias",
+  "General": "Geral",
+  "Business": "Negócios",
+  "Entertainment": "Entretenimento",
+  "Health": "Saúde",
+  "Science": "Ciência",
+  "Sports": "Esportes",
+  "Technology": "Tecnologia",
+  "Country": "País:",
+  "United States": "Estados Unidos",
+  "United Kingdom": "Reino Unido",
+  "Canada": "Canadá",
+  "Australia": "Austrália",
+  "Germany": "Alemanha",
+  "France": "França",
+  "Japan": "Japão",
+  "India": "Índia",
+  "Show advanced settings": "Mostrar configurações avançadas",
+  "Hide advanced settings": "Ocultar configurações avançadas",
+  "Reconfigure": "Reconfigurar",
+  "Search Results": "Resultados da pesquisa",
+  "Back to search": "Voltar à pesquisa",
+  "Sort by": "Ordenar por:",
+  "Publication Date": "Data de publicação (mais recente primeiro)",
+  "Relevance": "Relevância (melhor correspondência primeiro)",
+  "Language": "Idioma:",
+  "English": "Inglês",
+  "Spanish": "Espanhol",
+  "French": "Francês",
+  "German": "Alemão",
+  "Italian": "Italiano",
+  "Portuguese": "Português",
+  "Japanese": "Japonês",
+  "Chinese": "Chinês",
+  "Arabic": "Árabe",
+  "Russian": "Russo",
+  "Hindi": "Hindi",
+  "Korean": "Coreano",
+  "No articles found for your search": "Nenhum artigo encontrado para sua pesquisa",
+  "Success! {0} results were found by {1}": "Sucesso! {0} resultados foram encontrados por {1}",
+  "all fields": "todos os campos"
+}
diff --git a/sdkjs-plugins/content/news/translations/ru-RU.json b/sdkjs-plugins/content/news/translations/ru-RU.json
new file mode 100644
index 00000000..469edd00
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/ru-RU.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "Поиск среди миллионов статей из более чем 80 000 крупных и малых новостных источников и блогов.",
+  "API key": "ключ API:",
+  "Enter your API key": "Введите ваш ключ API",
+  "Get your free API key": "Получите бесплатный ключ API из",
+  "Login": "Вход",
+  "Search": "Поиск",
+  "Top Headlines": "Главные новости",
+  "Prompt": "Запрос",
+  "Search with keywords": "Искать по отдельным ключевым словам или заключать целые фразы в кавычки",
+  "Search in": "Искать в",
+  "Title": "Заголовок",
+  "Description": "Описание",
+  "Content": "Содержание",
+  "Advanced Settings": "Расширенные настройки",
+  "Find": "Найти",
+  "Category": "Категория:",
+  "All Categories": "Все категории",
+  "General": "Общее",
+  "Business": "Бизнес",
+  "Entertainment": "Развлечения",
+  "Health": "Здоровье",
+  "Science": "Наука",
+  "Sports": "Спорт",
+  "Technology": "Технологии",
+  "Country": "Страна:",
+  "United States": "Соединённые Штаты",
+  "United Kingdom": "Великобритания",
+  "Canada": "Канада",
+  "Australia": "Австралия",
+  "Germany": "Германия",
+  "France": "Франция",
+  "Japan": "Япония",
+  "India": "Индия",
+  "Show advanced settings": "Показать расширенные настройки",
+  "Hide advanced settings": "Скрыть расширенные настройки",
+  "Reconfigure": "Перенастроить",
+  "Search Results": "Результаты поиска",
+  "Back to search": "Вернуться к поиску",
+  "Sort by": "Сортировать по:",
+  "Publication Date": "Дата публикации (сначала недавние)",
+  "Relevance": "Релевантность (сначала наилучшее совпадение)",
+  "Language": "Язык:",
+  "English": "Английский",
+  "Spanish": "Испанский",
+  "French": "Французский",
+  "German": "Немецкий",
+  "Italian": "Итальянский",
+  "Portuguese": "Португальский",
+  "Japanese": "Японский",
+  "Chinese": "Китайский",
+  "Arabic": "Арабский",
+  "Russian": "Русский",
+  "Hindi": "Хинди",
+  "Korean": "Корейский",
+  "No articles found for your search": "Статьи по вашему запросу не найдены",
+  "Success! {0} results were found by {1}": "Успех! Найдено {0} результатов по {1}",
+  "all fields": "все поля"
+}
diff --git a/sdkjs-plugins/content/news/translations/si-LK.json b/sdkjs-plugins/content/news/translations/si-LK.json
new file mode 100644
index 00000000..5b558ef8
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/si-LK.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "ලක්ෂ ගණනක් ලිපි සෙවීමට",
+  "API key": "API යතුර:",
+  "Enter your API key": "ඔබගේ API යතුර ඇතුළත් කරන්න",
+  "Get your free API key": "ඔබගේ නොමිලේ API යතුර ලබා ගන්න",
+  "Login": "ඇතුළු වන්න",
+  "Search": "සෙවීම",
+  "Top Headlines": "උපරිම ශීර්ෂ සේරියාව",
+  "Prompt": "උදව් වචනය",
+  "Search with keywords": "යතුරු වචන භාවිතයෙන් සෙවීම, හෝ සම්පූර්ණ වාක්‍ය උද්ධෘත ලකුණු තුළ දැමීම",
+  "Search in": "සෙවීම කරන්න:",
+  "Title": "ශීර්ෂය",
+  "Description": "විස්තරය",
+  "Content": "අන්තර්ගතය",
+  "Advanced Settings": "උසස් සැකසුම්",
+  "Find": "සොයන්න",
+  "Category": "වර්ගය:",
+  "All Categories": "සියලුම වර්ග",
+  "General": "සාමාන්‍ය",
+  "Business": "ව්‍යාපාර",
+  "Entertainment": "විනෝදාස්වාදය",
+  "Health": "සෞඛ්‍යය",
+  "Science": "විද්‍යාව",
+  "Sports": "ක්‍රීඩා",
+  "Technology": "තාක්ෂණය",
+  "Country": "රට:",
+  "United States": "එක්සත් ජනපදය",
+  "United Kingdom": "එක්සත් රාජධානිය",
+  "Canada": "කැනඩාව",
+  "Australia": "ඕස්ට්‍රේලියාව",
+  "Germany": "ජර්මනිය",
+  "France": "ප්‍රංශය",
+  "Japan": "ජපානය",
+  "India": "ඉන්දියාව",
+  "Show advanced settings": "උසස් සැකසුම් පෙන්වන්න",
+  "Hide advanced settings": "උසස් සැකසුම් සඟවන්න",
+  "Reconfigure": "නැවත සැකසීම",
+  "Search Results": "සෙවීමේ ප්‍රතිඵල",
+  "Back to search": "සෙවීමට ආපසු",
+  "Sort by": "පෙළගස්වන්න:",
+  "Publication Date": "ප්‍රකාශන දිනය (අලුත්ම මුලින්)",
+  "Relevance": "සම්බන්ධතාවය (හොඳම ගැලපීම මුලින්)",
+  "Language": "භාෂාව:",
+  "English": "ඉංග්‍රීසි",
+  "Spanish": "ස්පාඤ්ඤ",
+  "French": "ප්‍රංශ",
+  "German": "ජර්මානු",
+  "Italian": "ඉතාලි",
+  "Portuguese": "පෘතුගීසි",
+  "Japanese": "ජපන්",
+  "Chinese": "චීන",
+  "Arabic": "අරාබි",
+  "Russian": "රුසියානු",
+  "Hindi": "හින්දි",
+  "Korean": "කොරියානු",
+  "No articles found for your search": "ඔබගේ සෙවීම සඳහා කිසිදු ලිපියක් හමු නොවීය",
+  "Success! {0} results were found by {1}": "සාර්ථකයි! {1} මගින් {0} ප්‍රතිඵල හමු විය",
+  "all fields": "සියලුම ක්ෂේත්‍ර"
+}
diff --git a/sdkjs-plugins/content/news/translations/zh-ZH.json b/sdkjs-plugins/content/news/translations/zh-ZH.json
new file mode 100644
index 00000000..48e84443
--- /dev/null
+++ b/sdkjs-plugins/content/news/translations/zh-ZH.json
@@ -0,0 +1,59 @@
+{
+  "Search through millions of articles": "在来自8万多家新闻媒体和博客的数百万篇文章中快速搜索所需信息。",
+  "API key": "API 密钥：",
+  "Enter your API key": "输入您的 API 密钥",
+  "Get your free API key": "获取免费API密钥：",
+  "Login": "登录",
+  "Search": "搜索",
+  "Top Headlines": "头条新闻",
+  "Prompt": "查询",
+  "Search with keywords": "使用单个关键词搜索，或用引号括起完整短语搜素",
+  "Search in": "搜索范围：",
+  "Title": "标题",
+  "Description": "描述",
+  "Content": "内容",
+  "Advanced Settings": "高级设置",
+  "Find": "搜素",
+  "Category": "类别：",
+  "All Categories": "所有类别",
+  "General": "综合",
+  "Business": "商业",
+  "Entertainment": "娱乐",
+  "Health": "健康",
+  "Science": "科学",
+  "Sports": "体育",
+  "Technology": "科技",
+  "Country": "国家：",
+  "United States": "美国",
+  "United Kingdom": "英国",
+  "Canada": "加拿大",
+  "Australia": "澳大利亚",
+  "Germany": "德国",
+  "France": "法国",
+  "Japan": "日本",
+  "India": "印度",
+  "Show advanced settings": "显示高级设置",
+  "Hide advanced settings": "隐藏高级设置",
+  "Reconfigure": "重新配置",
+  "Search Results": "搜索结果",
+  "Back to search": "返回搜索",
+  "Sort by": "排序方式：",
+  "Publication Date": "发布时间（最新优先）",
+  "Relevance": "相关性（最佳匹配优先）",
+  "Language": "语言：",
+  "English": "英语",
+  "Spanish": "西班牙语",
+  "French": "法语",
+  "German": "德语",
+  "Italian": "意大利语",
+  "Portuguese": "葡萄牙语",
+  "Japanese": "日语",
+  "Chinese": "中文",
+  "Arabic": "阿拉伯语",
+  "Russian": "俄语",
+  "Hindi": "印地语",
+  "Korean": "韩语",
+  "No articles found for your search": "未找到与您搜索相关的文章",
+  "Success! {0} results were found by {1}": "成功！通过{1}找到了{0}个结果",
+  "all fields": "所有字段"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/CHANGELOG.md b/sdkjs-plugins/content/texthighlighter/CHANGELOG.md
new file mode 100644
index 00000000..2c9a2d06
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Change Log
+
+## 1.0.0
+
+- Initial release.
diff --git a/sdkjs-plugins/content/texthighlighter/README.md b/sdkjs-plugins/content/texthighlighter/README.md
new file mode 100644
index 00000000..b956e732
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/README.md
@@ -0,0 +1,55 @@
+## Overview
+
+The **Text Highlighter** plugin allows users to highlight selected text in the Document, Presentation, and Text Editors with customizable colors. It provides an easy way to emphasize important information and visually organize content.
+
+The plugin supports:
+
+* Highlighting text with multiple color options.
+* Removing existing highlights.
+* Compatibility across different editors (Document, Presentation, Text).
+
+---
+
+## Installation
+
+1. Install the **Text Highlighter Plugin** from the plugin marketplace.
+2. Once installed, it will appear in the plugin tab of the editor.
+
+---
+
+## Usage
+
+### Activate the Text Highlighter Plugin
+
+* Go to the **Plugin** tab.
+* Click the **Text Highlighter** plugin in the "Plugins" section.
+
+### Highlight Text
+
+1. Select the text you want to highlight.
+2. Choose your highlight color from the available options.
+3. Click the **Highlight** button to apply the chosen color.
+
+### Remove Highlight
+
+* Select the highlighted text.
+* Click the **Remove Highlight** option to clear the applied color.
+
+### Supported Editors
+
+* **Document Editor**: Works for paragraphs, words, and inline selections.
+* **Presentation Editor**: Supports highlighting within text boxes and slides.
+* **Text Editor**: Provides basic highlighting functionality for selected content.
+
+---
+
+## Note for Spreadsheet Editor
+
+Highlighting text is not supported in the Spreadsheet Editor, as cells do not handle inline text formatting in the same way.
+
+---
+
+## Additional Information
+
+If you need more details about how to use or develop plugins for ONLYOFFICE, please refer to the [ONLYOFFICE Plugin Documentation](https://api.onlyoffice.com/docspace/plugins-sdk/get-started).
+
diff --git a/sdkjs-plugins/content/texthighlighter/codealike.json b/sdkjs-plugins/content/texthighlighter/codealike.json
new file mode 100644
index 00000000..a4b892c4
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/codealike.json
@@ -0,0 +1 @@
+{"projectId":"9c15a3e0-4231-11f0-aa14-d53a61904019","projectName":"text-highlighter"}
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/config.json b/sdkjs-plugins/content/texthighlighter/config.json
new file mode 100644
index 00000000..07ed8e97
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/config.json
@@ -0,0 +1,103 @@
+{
+  "name": "Text Highlighter",
+  "nameLocale": {
+    "en-US": "Text Highlighter",
+    "ru": "Выделение текста",
+    "de": "Texthervorhebung",
+    "fr": "Surligneur de texte",
+    "es": "Resaltador de texto",
+    "pt-BR": "Marcador de Texto",
+    "it": "Evidenziatore di Testo",
+    "ja": "テキストハイライター",
+    "uk": "Виділення тексту",
+    "zh": "文本高亮",
+    "cs-CS": "Zvýrazňovač textu",
+    "sq-AL": "Theksues Teksti",
+    "sr-Cyrl-RS": "Истакнувач текста",
+    "sr-Latn-RS": "Istaknuvač teksta"
+  },
+
+  "version": "1.0.0",
+  "baseUrl": "https://raza2004.github.io/onlyoffice.github.io/sdkjs-plugins/content/texthighlighter/",
+  "guid": "asc.{07FD8DFA-DFE0-4089-AL24-0730933CC804}",
+  
+  "manifestVersion": "7.3.0",
+  
+      
+  "variations": [
+    {
+      "description": "This plugin allows you to search for text and apply highlighting, color, and formatting styles in the document.",
+      "descriptionLocale": {
+        "en": "This plugin allows you to search for text and apply highlighting, color, and formatting styles in the document.",
+       "ru": "Этот плагин позволяет вам искать текст и применять выделение, цвет и стили форматирования в документе.",
+        "de": "Dieses Plugin ermöglicht das Suchen von Text und das Anwenden von Hervorhebungen, Farben und Formatierungen im Dokument.",
+        "fr": "Ce plugin vous permet de rechercher du texte et d'appliquer des styles de surlignage, de couleur et de formatage dans le document.",
+        "es": "Este complemento le permite buscar texto y aplicar estilos de resaltado, color y formato en el documento.",
+        "pt-BR": "Este plugin permite pesquisar texto e aplicar estilos de destaque, cor e formatação no documento.",
+        "it": "Questo plugin consente di cercare testo e applicare stili di evidenziazione, colore e formattazione nel documento.",
+        "ja": "このプラグインを使用すると、ドキュメント内のテキストを検索し、ハイライト、色、およびフォーマットスタイルを適用できます。",
+        "zh": "此插件允许您在文档中搜索文本并应用高亮、颜色和格式样式。",
+        "uk": "Цей плагін дозволяє виконувати пошук тексту та застосовувати виділення, колір і стилі форматування у вашому документі.",
+        "cs-CS": "Tento plugin umožňuje vyhledávat text a aplikovat zvýraznění, barvu a formátovací styly v dokumentu.",
+        "sq-AL": "Ky shtojcë ju lejon të kërkoni tekst dhe të aplikoni stilet e theksimit, ngjyrës dhe formatimit në dokument.",
+        "sr-Cyrl-RS": "Овај додатак вам омогућава да претражујете текст и примењујете стилове истакнутог текста, боје и форматирања у документу.",
+        "sr-Latn-RS": "Ovaj dodatak vam omogućava da pretražujete tekst i primenjujete stilove istaknutog teksta, boje i formatiranja u dokumentu."
+        
+      },
+      "url": "index.html",
+       "type":          "panel",
+      "size":          [300, 600],
+      "isViewer" : true,
+			"EditorsSupport"  : ["word", "pdf"],
+			"isVisual" : true,
+			"isModal" : false,
+			"isInsideMode" : true,
+			"initDataType" : "text",
+			"isUpdateOleOnResize" : true,
+			"initOnSelectionChanged": true,                          
+      "events": ["onSelectionChanged", "onClick", "onApply", "onGetSelectedText"],
+    "methods": ["ApplyHighlight", "GetSelectedText"],
+      "buttons": [],
+       "icons": ["resources/light/icon.svg","resources/light/icon@2x.svg" ],
+      "icons2": [
+        {
+          "theme": "flat",
+          "style": "light",
+          "100%": { "normal": "resources/light/icon.svg" },
+          "125%": { "normal": "resources/light/icon@1.25x.svg" },
+          "150%": { "normal": "resources/light/icon@1.5x.svg" },
+          "175%": { "normal": "resources/light/icon@1.75x.svg" },
+          "200%": { "normal": "resources/light/icon@2x.svg" },
+          "default": { "normal": "resources/light/icon.svg" }
+        },
+        {
+          "theme": "flatDark",
+          "style": "dark",
+          "100%": { "normal": "resources/dark/icon.svg" },
+          "125%": { "normal": "resources/dark/icon@1.25x.svg" },
+          "150%": { "normal": "resources/dark/icon@1.5x.svg" },
+          "175%": { "normal": "resources/dark/icon@1.75x.svg" },
+          "200%": { "normal": "resources/dark/icon@2x.svg" }
+        }
+      ],
+
+       "store": {
+        "background": {
+          "light": "#107cbc",
+          "dark":  "#5f55af"
+        },
+        "screenshots" : [
+					"resources/store/screenshots/screen_1.png",
+					"resources/store/screenshots/screen_2.png",
+					"resources/store/screenshots/screen_3.png",
+					"resources/store/screenshots/screen_4.png"
+				],
+        "categories": ["work","specAbilities"],
+        "icons": {
+          "light": "resources/store/icons",
+          "dark":  "resources/store/icons"
+        }
+      }
+    }
+  ]
+}
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/deploy/texthighlighter.plugin b/sdkjs-plugins/content/texthighlighter/deploy/texthighlighter.plugin
new file mode 100644
index 00000000..5038bc49
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/deploy/texthighlighter.plugin differ
diff --git a/sdkjs-plugins/content/texthighlighter/index.html b/sdkjs-plugins/content/texthighlighter/index.html
new file mode 100644
index 00000000..bd3cd22c
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <link rel="stylesheet" href="styles.css">
+  <script src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"></script>
+  <script src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins-ui.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/classic.min.css" />
+  <script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr"></script>
+
+  <script src="./scripts/code.js" defer></script>
+</head>
+
+<body>
+  <div class="container scrollable">
+
+    <!-- Plugin instructions header -->
+    <div class="header" id="PluginInstructions">
+      Enter or select <b>a word or phrase</b> to search in the document text, and configure the necessary settings.
+    </div>
+
+    <!-- STATE 1: Input + Apply -->
+    <div id="state-input">
+
+      <div class="section">
+        <label id="TextToSearch">Text to search:</label>
+        <input type="text" id="searchText" placeholder="Enter text or select in document" />
+      </div>
+
+      <div class="section">
+        <label>
+          <input type="checkbox" id="ignoreCase" checked />
+          <span id="IgnoreCase">Ignore case</span>
+        </label>
+      </div>
+
+      <div class="section">
+        <label id="HighlightColor">Highlight color :</label>
+        <select id="highlightColor">
+          <option value="yellow" id="HighlightYellow">Yellow</option>
+          <option value="green" id="HighlightGreen">Green</option>
+          <option value="blue" id="HighlightBlue">Blue</option>
+          <option value="red" id="HighlightRed">Red</option>
+          <option value="none" id="HighlightNone">No Fill</option>
+        </select>
+      </div>
+
+      <!-- Text color dropdown -->
+      <div class="dropdown">
+        <div class="dropdown-header" id="TextColorHeader">
+          <span class="arrow" id="ArrowDropdown">▸</span> Text color
+        </div>
+        <div class="dropdown-content" id="TextColorContent">
+          <div id="textColorPicker"></div>
+          <div id="TextColorPickerLabel" style="margin-top:8px; font-size:13px;">Choose text color</div>
+        </div>
+      </div>
+
+      <!-- Text formatting dropdown -->
+      <div class="dropdown">
+        <div class="dropdown-header" id="TextFormattingHeader">
+          <span class="arrow" id="ArrowDropdownFormat">▸</span> Text formatting
+        </div>
+        <div class="dropdown-content format-options" id="TextFormattingContent">
+          <label><input type="checkbox" id="boldCheckbox" /> <span id="FormatBold">Bold</span></label>
+          <label><input type="checkbox" id="italicCheckbox" /> <span id="FormatItalic">Italic</span></label>
+          <label><input type="checkbox" id="underlineCheckbox" /> <span id="FormatUnderline">Underline</span></label>
+          <label><input type="checkbox" id="strikeCheckbox" /> <span id="FormatStrike">Strikethrough</span></label>
+        </div>
+      </div>
+
+      <button id="ApplyButton" class="applyButton">Apply</button>
+    </div>
+
+    <!-- STATE 2: No matches -->
+    <div id="state-no-results" style="display:none">
+      <p id="SearchNoResults">Search completed. <strong>No matches found.</strong></p>
+      <button id="HighlightMore1">Highlight more</button>
+    </div>
+
+    <!-- STATE 3: Done / Matches found -->
+    <div id="state-done" style="display:none">
+      <p id="SearchDone">Done! The search is complete and styles have been applied.</p>
+      <p><span id="MatchesFound">Matches found:</span> <span id="foundCount"></span></p>
+      <button id="RevertToOriginal">Revert</button>
+      <button id="HighlightMore2">Highlight more</button>
+    </div>
+
+    <!-- Loader -->
+    <div id="loader" style="display:none; text-align:center; font-style:italic; color:#666;">
+      <span id="LoadingMessage">Processing...</span>
+    </div>
+
+  </div>
+</body>
+
+</html>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/dark/icon.svg b/sdkjs-plugins/content/texthighlighter/resources/dark/icon.svg
new file mode 100644
index 00000000..1f4dd726
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/dark/icon.svg
@@ -0,0 +1 @@
+<svg id="SvgjsSvg1001" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1002"></defs><g id="SvgjsG1008"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 28" width="288" height="288"><path fill="#f9f4f4" fill-opacity=".8" d="M18.0859 3C18.3511 3.00004 18.6055 3.10547 18.793 3.29297L23.207 7.70703C23.3945 7.89453 23.5 8.1489 23.5 8.41406V24C23.5 24.5523 23.0523 25 22.5 25H8.5C7.94772 25 7.5 24.5523 7.5 24V21H8.5V24H22.5V9H18.5C17.9477 9 17.5 8.55228 17.5 8V4H8.5V6H7.5V4C7.5 3.44772 7.94772 3 8.5 3H18.0859ZM18.5 8H22.0859L18.5 4.41406V8Z" class="svgShape color000000-0 selectable"></path><path fill="#f9f4f4" fill-opacity=".8" d="M20.1426 22.2861H10.8574V21.9287H20.1426V22.2861ZM20.1426 21.2139H10.8574V20.8574H20.1426V21.2139ZM20.1426 20.1426H10.8574V19.7861H20.1426V20.1426ZM20.1426 19.0713H10.8574V18.7139H20.1426V19.0713ZM20.1426 18H10.8574V17.6426H20.1426V18ZM20.1426 16.9287H16.1426V16.5713H20.1426V16.9287ZM20.1426 15.8574H16.1426V15.5H20.1426V15.8574ZM20.1426 14.7861H16.1426V14.4287H20.1426V14.7861ZM20.1426 13.7139H16.1426V13.3574H20.1426V13.7139Z" class="svgShape color000000-1 selectable"></path><g clip-path="url(#a)"><path fill="#f9f4f4" fill-opacity=".8" d="M6.3335 16V14.3334H14.6668V16H6.3335ZM8.00016 12.6667H8.5835L11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L8.00016 12.0834V12.6667ZM7.16683 13.5V11.7292L11.8335 7.07296C11.9099 6.99657 11.9984 6.93754 12.0991 6.89587C12.1998 6.85421 12.3057 6.83337 12.4168 6.83337C12.5279 6.83337 12.6356 6.85421 12.7397 6.89587C12.8439 6.93754 12.9377 7.00004 13.021 7.08337L13.5939 7.66671C13.6772 7.7431 13.738 7.83337 13.7762 7.93754C13.8144 8.04171 13.8335 8.14935 13.8335 8.26046C13.8335 8.36462 13.8144 8.46705 13.7762 8.56775C13.738 8.66844 13.6772 8.76046 13.5939 8.84379L8.93766 13.5H7.16683ZM11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L11.8335 9.42712Z" class="svgShape color000000-3 selectable"></path></g><defs><clipPath id="a"><rect width="10" height="10" fill="#fff" transform="translate(5.5 6)" class="svgShape colorffffff-6 selectable"></rect></clipPath></defs></svg></g></svg>
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.25x.svg b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.25x.svg
new file mode 100644
index 00000000..10aa63e4
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.25x.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="360px" height="360px" viewBox="0 0 360 360" version="1.1">
+<defs>
+<clipPath id="clip1">
+  <path d="M 78 91 L 183 91 L 183 204.828125 L 78 204.828125 Z M 78 91 "/>
+</clipPath>
+</defs>
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 224.515625 43.449219 C 227.808594 43.449219 230.964844 44.757812 233.292969 47.085938 L 288.085938 101.878906 C 290.414062 104.207031 291.722656 107.367188 291.722656 110.65625 L 291.722656 304.136719 C 291.722656 310.992188 286.167969 316.550781 279.308594 316.550781 L 105.515625 316.550781 C 98.660156 316.550781 93.101562 310.992188 93.101562 304.136719 L 93.101562 266.898438 L 105.515625 266.898438 L 105.515625 304.136719 L 279.308594 304.136719 L 279.308594 117.929688 L 229.65625 117.929688 C 222.800781 117.929688 217.242188 112.375 217.242188 105.515625 L 217.242188 55.863281 L 105.515625 55.863281 L 105.515625 80.691406 L 93.101562 80.691406 L 93.101562 55.863281 C 93.101562 49.007812 98.660156 43.449219 105.515625 43.449219 Z M 229.65625 105.515625 L 274.167969 105.515625 L 229.65625 61.003906 Z M 229.65625 105.515625 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 250.046875 282.863281 L 134.78125 282.863281 L 134.78125 278.425781 L 250.046875 278.425781 Z M 250.046875 269.550781 L 134.78125 269.550781 L 134.78125 265.125 L 250.046875 265.125 Z M 250.046875 256.253906 L 134.78125 256.253906 L 134.78125 251.828125 L 250.046875 251.828125 Z M 250.046875 242.953125 L 134.78125 242.953125 L 134.78125 238.515625 L 250.046875 238.515625 Z M 250.046875 229.65625 L 134.78125 229.65625 L 134.78125 225.21875 L 250.046875 225.21875 Z M 250.046875 216.355469 L 200.390625 216.355469 L 200.390625 211.917969 L 250.046875 211.917969 Z M 250.046875 203.058594 L 200.390625 203.058594 L 200.390625 198.621094 L 250.046875 198.621094 Z M 250.046875 189.757812 L 200.390625 189.757812 L 200.390625 185.320312 L 250.046875 185.320312 Z M 250.046875 176.449219 L 200.390625 176.449219 L 200.390625 172.023438 L 250.046875 172.023438 Z M 250.046875 176.449219 "/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 78.621094 204.828125 L 78.621094 184.140625 L 182.070312 184.140625 L 182.070312 204.828125 Z M 99.3125 163.449219 L 106.554688 163.449219 L 146.898438 123.234375 L 139.527344 115.863281 L 99.3125 156.207031 Z M 88.96875 173.792969 L 88.96875 151.8125 L 146.898438 94.007812 C 147.847656 93.0625 148.945312 92.328125 150.195312 91.8125 C 151.445312 91.292969 152.761719 91.035156 154.140625 91.035156 C 155.519531 91.035156 156.855469 91.292969 158.148438 91.8125 C 159.441406 92.328125 160.605469 93.105469 161.640625 94.136719 L 168.75 101.378906 C 169.785156 102.328125 170.539062 103.449219 171.015625 104.742188 C 171.488281 106.035156 171.726562 107.371094 171.726562 108.75 C 171.726562 110.042969 171.488281 111.316406 171.015625 112.566406 C 170.539062 113.816406 169.785156 114.957031 168.75 115.992188 L 110.949219 173.792969 Z M 146.898438 123.234375 L 139.527344 115.863281 Z M 146.898438 123.234375 "/>
+</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.5x.svg b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.5x.svg
new file mode 100644
index 00000000..1c071a5f
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.5x.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="432px" height="432px" viewBox="0 0 432 432" version="1.1">
+<defs>
+<clipPath id="clip1">
+  <path d="M 94 109 L 219 109 L 219 245.792969 L 94 245.792969 Z M 94 109 "/>
+</clipPath>
+</defs>
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 269.417969 52.136719 C 273.367188 52.136719 277.15625 53.710938 279.949219 56.503906 L 345.703125 122.257812 C 348.496094 125.050781 350.070312 128.839844 350.070312 132.789062 L 350.070312 364.964844 C 350.070312 373.191406 343.398438 379.863281 335.171875 379.863281 L 126.621094 379.863281 C 118.394531 379.863281 111.722656 373.191406 111.722656 364.964844 L 111.722656 320.277344 L 126.621094 320.277344 L 126.621094 364.964844 L 335.171875 364.964844 L 335.171875 141.515625 L 275.585938 141.515625 C 267.359375 141.515625 260.691406 134.847656 260.691406 126.621094 L 260.691406 67.035156 L 126.621094 67.035156 L 126.621094 96.828125 L 111.722656 96.828125 L 111.722656 67.035156 C 111.722656 58.808594 118.394531 52.136719 126.621094 52.136719 Z M 275.585938 126.621094 L 329.003906 126.621094 L 275.585938 73.203125 Z M 275.585938 126.621094 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 300.054688 339.433594 L 161.738281 339.433594 L 161.738281 334.109375 L 300.054688 334.109375 Z M 300.054688 323.460938 L 161.738281 323.460938 L 161.738281 318.152344 L 300.054688 318.152344 Z M 300.054688 307.503906 L 161.738281 307.503906 L 161.738281 302.191406 L 300.054688 302.191406 Z M 300.054688 291.542969 L 161.738281 291.542969 L 161.738281 286.222656 L 300.054688 286.222656 Z M 300.054688 275.585938 L 161.738281 275.585938 L 161.738281 270.261719 L 300.054688 270.261719 Z M 300.054688 259.628906 L 240.46875 259.628906 L 240.46875 254.304688 L 300.054688 254.304688 Z M 300.054688 243.667969 L 240.46875 243.667969 L 240.46875 238.34375 L 300.054688 238.34375 Z M 300.054688 227.710938 L 240.46875 227.710938 L 240.46875 222.386719 L 300.054688 222.386719 Z M 300.054688 211.738281 L 240.46875 211.738281 L 240.46875 206.425781 L 300.054688 206.425781 Z M 300.054688 211.738281 "/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 94.347656 245.792969 L 94.347656 220.964844 L 218.484375 220.964844 L 218.484375 245.792969 Z M 119.175781 196.136719 L 127.863281 196.136719 L 176.277344 147.878906 L 167.433594 139.035156 L 119.175781 187.449219 Z M 106.761719 208.550781 L 106.761719 182.171875 L 176.277344 112.8125 C 177.417969 111.671875 178.734375 110.792969 180.234375 110.171875 C 181.734375 109.550781 183.3125 109.242188 184.96875 109.242188 C 186.621094 109.242188 188.226562 109.550781 189.777344 110.171875 C 191.328125 110.792969 192.726562 111.726562 193.96875 112.964844 L 202.503906 121.65625 C 203.742188 122.792969 204.648438 124.136719 205.21875 125.691406 C 205.785156 127.242188 206.070312 128.84375 206.070312 130.5 C 206.070312 132.050781 205.785156 133.578125 205.21875 135.078125 C 204.648438 136.578125 203.742188 137.949219 202.503906 139.191406 L 133.140625 208.550781 Z M 176.277344 147.878906 L 167.433594 139.035156 Z M 176.277344 147.878906 "/>
+</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.75x.svg b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.75x.svg
new file mode 100644
index 00000000..f5bdfd7f
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@1.75x.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="504px" height="504px" viewBox="0 0 504 504" version="1.1">
+<defs>
+<clipPath id="clip1">
+  <path d="M 110 127 L 255 127 L 255 286.757812 L 110 286.757812 Z M 110 127 "/>
+</clipPath>
+</defs>
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 314.320312 60.828125 C 318.929688 60.828125 323.351562 62.660156 326.609375 65.917969 L 403.320312 142.632812 C 406.582031 145.890625 408.414062 150.3125 408.414062 154.921875 L 408.414062 425.792969 C 408.414062 435.390625 400.632812 443.171875 391.035156 443.171875 L 147.722656 443.171875 C 138.125 443.171875 130.34375 435.390625 130.34375 425.792969 L 130.34375 373.65625 L 147.722656 373.65625 L 147.722656 425.792969 L 391.035156 425.792969 L 391.035156 165.101562 L 321.515625 165.101562 C 311.917969 165.101562 304.136719 157.324219 304.136719 147.722656 L 304.136719 78.207031 L 147.722656 78.207031 L 147.722656 112.964844 L 130.34375 112.964844 L 130.34375 78.207031 C 130.34375 68.609375 138.125 60.828125 147.722656 60.828125 Z M 321.515625 147.722656 L 383.835938 147.722656 L 321.515625 85.402344 Z M 321.515625 147.722656 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 350.066406 396.007812 L 188.695312 396.007812 L 188.695312 389.796875 L 350.066406 389.796875 Z M 350.066406 377.371094 L 188.695312 377.371094 L 188.695312 371.175781 L 350.066406 371.175781 Z M 350.066406 358.753906 L 188.695312 358.753906 L 188.695312 352.558594 L 350.066406 352.558594 Z M 350.066406 340.136719 L 188.695312 340.136719 L 188.695312 333.925781 L 350.066406 333.925781 Z M 350.066406 321.515625 L 188.695312 321.515625 L 188.695312 315.304688 L 350.066406 315.304688 Z M 350.066406 302.898438 L 280.546875 302.898438 L 280.546875 296.6875 L 350.066406 296.6875 Z M 350.066406 284.28125 L 280.546875 284.28125 L 280.546875 278.070312 L 350.066406 278.070312 Z M 350.066406 265.660156 L 280.546875 265.660156 L 280.546875 259.449219 L 350.066406 259.449219 Z M 350.066406 247.027344 L 280.546875 247.027344 L 280.546875 240.832031 L 350.066406 240.832031 Z M 350.066406 247.027344 "/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 110.070312 286.757812 L 110.070312 257.792969 L 254.898438 257.792969 L 254.898438 286.757812 Z M 139.039062 228.828125 L 149.175781 228.828125 L 205.65625 172.527344 L 200.40625 167.277344 L 195.339844 162.207031 L 139.039062 218.691406 Z M 124.554688 243.308594 L 124.554688 212.535156 L 205.65625 131.613281 C 206.984375 130.285156 208.523438 129.257812 210.273438 128.535156 C 212.023438 127.8125 213.863281 127.449219 215.796875 127.449219 C 217.726562 127.449219 219.597656 127.8125 221.40625 128.535156 C 223.21875 129.257812 224.847656 130.34375 226.296875 131.792969 L 236.253906 141.933594 C 237.699219 143.257812 238.757812 144.828125 239.421875 146.636719 C 240.085938 148.449219 240.417969 150.320312 240.417969 152.25 C 240.417969 154.0625 240.085938 155.839844 239.421875 157.589844 C 238.757812 159.339844 237.699219 160.941406 236.253906 162.386719 L 155.332031 243.308594 Z M 205.65625 172.527344 L 200.40625 167.277344 L 195.339844 162.207031 Z M 205.65625 172.527344 "/>
+</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/dark/icon@2x.svg b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@2x.svg
new file mode 100644
index 00000000..c167cf36
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/dark/icon@2x.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="576px" height="576px" viewBox="0 0 576 576" version="1.1">
+<defs>
+<clipPath id="clip1">
+  <path d="M 125 145 L 292 145 L 292 327.722656 L 125 327.722656 Z M 125 145 "/>
+</clipPath>
+</defs>
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 359.222656 69.515625 C 364.492188 69.519531 369.542969 71.613281 373.269531 75.335938 L 460.9375 163.007812 C 464.664062 166.734375 466.757812 171.785156 466.757812 177.050781 L 466.757812 486.621094 C 466.757812 497.589844 457.867188 506.484375 446.898438 506.484375 L 168.828125 506.484375 C 157.859375 506.484375 148.964844 497.589844 148.964844 486.621094 L 148.964844 427.035156 L 168.828125 427.035156 L 168.828125 486.621094 L 446.898438 486.621094 L 446.898438 188.691406 L 367.449219 188.691406 C 356.476562 188.691406 347.585938 179.796875 347.585938 168.828125 L 347.585938 89.378906 L 168.828125 89.378906 L 168.828125 129.101562 L 148.964844 129.101562 L 148.964844 89.378906 C 148.964844 78.410156 157.859375 69.515625 168.828125 69.515625 Z M 367.449219 168.828125 L 438.671875 168.828125 L 367.449219 97.601562 Z M 367.449219 168.828125 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 400.074219 452.578125 L 215.652344 452.578125 L 215.652344 445.480469 L 400.074219 445.480469 Z M 400.074219 431.28125 L 215.652344 431.28125 L 215.652344 424.203125 L 400.074219 424.203125 Z M 400.074219 410.003906 L 215.652344 410.003906 L 215.652344 402.925781 L 400.074219 402.925781 Z M 400.074219 388.726562 L 215.652344 388.726562 L 215.652344 381.628906 L 400.074219 381.628906 Z M 400.074219 367.449219 L 215.652344 367.449219 L 215.652344 360.347656 L 400.074219 360.347656 Z M 400.074219 346.171875 L 320.625 346.171875 L 320.625 339.070312 L 400.074219 339.070312 Z M 400.074219 324.890625 L 320.625 324.890625 L 320.625 317.792969 L 400.074219 317.792969 Z M 400.074219 303.613281 L 320.625 303.613281 L 320.625 296.515625 L 400.074219 296.515625 Z M 400.074219 282.316406 L 320.625 282.316406 L 320.625 275.238281 L 400.074219 275.238281 Z M 400.074219 282.316406 "/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(97.647059%,95.686275%,95.686275%);fill-opacity:0.8;" d="M 125.796875 327.722656 L 125.796875 294.621094 L 291.3125 294.621094 L 291.3125 327.722656 Z M 158.898438 261.519531 L 170.484375 261.519531 L 235.039062 197.171875 L 229.039062 191.171875 L 223.242188 185.378906 L 158.898438 249.933594 Z M 142.347656 278.070312 L 142.347656 242.898438 L 235.039062 150.414062 C 236.554688 148.898438 238.3125 147.726562 240.3125 146.898438 C 242.3125 146.070312 244.417969 145.65625 246.625 145.65625 C 248.828125 145.65625 250.96875 146.070312 253.035156 146.898438 C 255.105469 147.726562 256.96875 148.964844 258.625 150.621094 L 270.003906 162.207031 C 271.65625 163.726562 272.863281 165.519531 273.625 167.585938 C 274.382812 169.65625 274.761719 171.792969 274.761719 174 C 274.761719 176.070312 274.382812 178.105469 273.625 180.105469 C 272.863281 182.105469 271.65625 183.933594 270.003906 185.585938 L 177.519531 278.070312 Z M 235.039062 197.171875 L 229.039062 191.171875 L 223.242188 185.378906 Z M 235.039062 197.171875 "/>
+</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/light/icon.svg b/sdkjs-plugins/content/texthighlighter/resources/light/icon.svg
new file mode 100644
index 00000000..ec5d8b45
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/light/icon.svg
@@ -0,0 +1,12 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0859 3C18.3511 3.00004 18.6055 3.10547 18.793 3.29297L23.207 7.70703C23.3945 7.89453 23.5 8.1489 23.5 8.41406V24C23.5 24.5523 23.0523 25 22.5 25H8.5C7.94772 25 7.5 24.5523 7.5 24V21H8.5V24H22.5V9H18.5C17.9477 9 17.5 8.55228 17.5 8V4H8.5V6H7.5V4C7.5 3.44772 7.94772 3 8.5 3H18.0859ZM18.5 8H22.0859L18.5 4.41406V8Z" fill="black" fill-opacity="0.8"/>
+<path d="M20.1426 22.2861H10.8574V21.9287H20.1426V22.2861ZM20.1426 21.2139H10.8574V20.8574H20.1426V21.2139ZM20.1426 20.1426H10.8574V19.7861H20.1426V20.1426ZM20.1426 19.0713H10.8574V18.7139H20.1426V19.0713ZM20.1426 18H10.8574V17.6426H20.1426V18ZM20.1426 16.9287H16.1426V16.5713H20.1426V16.9287ZM20.1426 15.8574H16.1426V15.5H20.1426V15.8574ZM20.1426 14.7861H16.1426V14.4287H20.1426V14.7861ZM20.1426 13.7139H16.1426V13.3574H20.1426V13.7139Z" fill="black" fill-opacity="0.8"/>
+<g clip-path="url(#clip0_118_11478)">
+<path d="M6.3335 16V14.3334H14.6668V16H6.3335ZM8.00016 12.6667H8.5835L11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L8.00016 12.0834V12.6667ZM7.16683 13.5V11.7292L11.8335 7.07296C11.9099 6.99657 11.9984 6.93754 12.0991 6.89587C12.1998 6.85421 12.3057 6.83337 12.4168 6.83337C12.5279 6.83337 12.6356 6.85421 12.7397 6.89587C12.8439 6.93754 12.9377 7.00004 13.021 7.08337L13.5939 7.66671C13.6772 7.7431 13.738 7.83337 13.7762 7.93754C13.8144 8.04171 13.8335 8.14935 13.8335 8.26046C13.8335 8.36462 13.8144 8.46705 13.7762 8.56775C13.738 8.66844 13.6772 8.76046 13.5939 8.84379L8.93766 13.5H7.16683ZM11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L11.8335 9.42712Z" fill="black" fill-opacity="0.8"/>
+</g>
+<defs>
+<clipPath id="clip0_118_11478">
+<rect width="10" height="10" fill="white" transform="translate(5.5 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.25x.svg b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.25x.svg
new file mode 100644
index 00000000..822bd1a5
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.25x.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="35px" viewBox="0 0 36 35" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 22.453125 3.75 C 22.78125 3.75 23.097656 3.882812 23.328125 4.117188 L 28.808594 9.632812 C 29.042969 9.867188 29.171875 10.1875 29.171875 10.515625 L 29.171875 30 C 29.171875 30.691406 28.617188 31.25 27.929688 31.25 L 10.550781 31.25 C 9.867188 31.25 9.308594 30.691406 9.308594 30 L 9.308594 26.25 L 10.550781 26.25 L 10.550781 30 L 27.929688 30 L 27.929688 11.25 L 22.964844 11.25 C 22.28125 11.25 21.722656 10.691406 21.722656 10 L 21.722656 5 L 10.550781 5 L 10.550781 7.5 L 9.308594 7.5 L 9.308594 5 C 9.308594 4.308594 9.867188 3.75 10.550781 3.75 Z M 22.964844 10 L 27.417969 10 L 22.964844 5.515625 Z M 22.964844 10 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 25.003906 27.859375 L 13.476562 27.859375 L 13.476562 27.410156 L 25.003906 27.410156 Z M 25.003906 26.515625 L 13.476562 26.515625 L 13.476562 26.070312 L 25.003906 26.070312 Z M 25.003906 25.179688 L 13.476562 25.179688 L 13.476562 24.734375 L 25.003906 24.734375 Z M 25.003906 23.839844 L 13.476562 23.839844 L 13.476562 23.390625 L 25.003906 23.390625 Z M 25.003906 22.5 L 13.476562 22.5 L 13.476562 22.054688 L 25.003906 22.054688 Z M 25.003906 21.160156 L 20.039062 21.160156 L 20.039062 20.714844 L 25.003906 20.714844 Z M 25.003906 19.820312 L 20.039062 19.820312 L 20.039062 19.375 L 25.003906 19.375 Z M 25.003906 18.484375 L 20.039062 18.484375 L 20.039062 18.035156 L 25.003906 18.035156 Z M 25.003906 17.140625 L 20.039062 17.140625 L 20.039062 16.695312 L 25.003906 16.695312 Z M 25.003906 17.140625 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 7.863281 20 L 7.863281 17.917969 L 18.207031 17.917969 L 18.207031 20 Z M 9.929688 15.832031 L 10.65625 15.832031 L 14.691406 11.785156 L 14.316406 11.40625 L 13.953125 11.042969 L 9.929688 15.105469 Z M 8.898438 16.875 L 8.898438 14.660156 L 14.691406 8.839844 C 14.785156 8.746094 14.894531 8.671875 15.019531 8.621094 C 15.144531 8.566406 15.277344 8.542969 15.414062 8.542969 C 15.550781 8.542969 15.6875 8.566406 15.816406 8.621094 C 15.945312 8.671875 16.0625 8.75 16.164062 8.855469 L 16.875 9.582031 C 16.980469 9.679688 17.054688 9.792969 17.101562 9.921875 C 17.148438 10.050781 17.171875 10.1875 17.171875 10.324219 C 17.171875 10.457031 17.148438 10.582031 17.101562 10.710938 C 17.054688 10.835938 16.980469 10.949219 16.875 11.054688 L 11.09375 16.875 Z M 14.691406 11.785156 L 14.316406 11.40625 L 13.953125 11.042969 Z M 14.691406 11.785156 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.5x.svg b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.5x.svg
new file mode 100644
index 00000000..2dc31bcc
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.5x.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="42px" viewBox="0 0 43 42" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 26.816406 4.5 C 27.210938 4.5 27.585938 4.660156 27.867188 4.941406 L 34.410156 11.558594 C 34.6875 11.839844 34.84375 12.222656 34.84375 12.621094 L 34.84375 36 C 34.84375 36.828125 34.179688 37.5 33.363281 37.5 L 12.601562 37.5 C 11.785156 37.5 11.121094 36.828125 11.121094 36 L 11.121094 31.5 L 12.601562 31.5 L 12.601562 36 L 33.363281 36 L 33.363281 13.5 L 27.429688 13.5 C 26.613281 13.5 25.949219 12.828125 25.949219 12 L 25.949219 6 L 12.601562 6 L 12.601562 9 L 11.121094 9 L 11.121094 6 C 11.121094 5.171875 11.785156 4.5 12.601562 4.5 Z M 27.429688 12 L 32.75 12 L 27.429688 6.621094 Z M 27.429688 12 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 29.867188 33.429688 L 16.097656 33.429688 L 16.097656 32.894531 L 29.867188 32.894531 Z M 29.867188 31.820312 L 16.097656 31.820312 L 16.097656 31.285156 L 29.867188 31.285156 Z M 29.867188 30.214844 L 16.097656 30.214844 L 16.097656 29.679688 L 29.867188 29.679688 Z M 29.867188 28.605469 L 16.097656 28.605469 L 16.097656 28.070312 L 29.867188 28.070312 Z M 29.867188 27 L 16.097656 27 L 16.097656 26.464844 L 29.867188 26.464844 Z M 29.867188 25.394531 L 23.9375 25.394531 L 23.9375 24.855469 L 29.867188 24.855469 Z M 29.867188 23.785156 L 23.9375 23.785156 L 23.9375 23.25 L 29.867188 23.25 Z M 29.867188 22.179688 L 23.9375 22.179688 L 23.9375 21.644531 L 29.867188 21.644531 Z M 29.867188 20.570312 L 23.9375 20.570312 L 23.9375 20.035156 L 29.867188 20.035156 Z M 29.867188 20.570312 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 9.390625 24 L 9.390625 21.5 L 21.746094 21.5 L 21.746094 24 Z M 11.863281 19 L 12.726562 19 L 17.546875 14.140625 L 17.097656 13.6875 L 16.664062 13.25 L 11.863281 18.125 Z M 10.625 20.25 L 10.625 17.59375 L 17.546875 10.609375 C 17.660156 10.496094 17.789062 10.40625 17.941406 10.34375 C 18.089844 10.28125 18.246094 10.25 18.410156 10.25 C 18.574219 10.25 18.734375 10.28125 18.890625 10.34375 C 19.042969 10.40625 19.183594 10.5 19.308594 10.625 L 20.15625 11.5 C 20.28125 11.613281 20.371094 11.75 20.425781 11.90625 C 20.484375 12.0625 20.511719 12.222656 20.511719 12.390625 C 20.511719 12.546875 20.484375 12.699219 20.425781 12.851562 C 20.371094 13.003906 20.28125 13.140625 20.15625 13.265625 L 13.253906 20.25 Z M 17.546875 14.140625 L 17.097656 13.6875 L 16.664062 13.25 Z M 17.546875 14.140625 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.75x.svg b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.75x.svg
new file mode 100644
index 00000000..af17193a
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/light/icon@1.75x.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="48px" viewBox="0 0 49 48" version="1.1">
+<defs>
+<clipPath id="clip1">
+  <path d="M 10 11 L 25 11 L 25 27.429688 L 10 27.429688 Z M 10 11 "/>
+</clipPath>
+</defs>
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 30.558594 5.144531 C 31.007812 5.144531 31.4375 5.324219 31.753906 5.644531 L 39.210938 13.210938 C 39.527344 13.535156 39.707031 13.96875 39.707031 14.425781 L 39.707031 41.144531 C 39.707031 42.089844 38.949219 42.855469 38.015625 42.855469 L 14.363281 42.855469 C 13.429688 42.855469 12.671875 42.089844 12.671875 41.144531 L 12.671875 36 L 14.363281 36 L 14.363281 41.144531 L 38.015625 41.144531 L 38.015625 15.429688 L 31.257812 15.429688 C 30.324219 15.429688 29.570312 14.660156 29.570312 13.714844 L 29.570312 6.855469 L 14.363281 6.855469 L 14.363281 10.285156 L 12.671875 10.285156 L 12.671875 6.855469 C 12.671875 5.910156 13.429688 5.144531 14.363281 5.144531 Z M 31.257812 13.714844 L 37.316406 13.714844 L 31.257812 7.566406 Z M 31.257812 13.714844 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 34.035156 38.203125 L 18.34375 38.203125 L 18.34375 37.59375 L 34.035156 37.59375 Z M 34.035156 36.367188 L 18.34375 36.367188 L 18.34375 35.753906 L 34.035156 35.753906 Z M 34.035156 34.53125 L 18.34375 34.53125 L 18.34375 33.917969 L 34.035156 33.917969 Z M 34.035156 32.695312 L 18.34375 32.695312 L 18.34375 32.082031 L 34.035156 32.082031 Z M 34.035156 30.855469 L 18.34375 30.855469 L 18.34375 30.246094 L 34.035156 30.246094 Z M 34.035156 29.019531 L 27.277344 29.019531 L 27.277344 28.40625 L 34.035156 28.40625 Z M 34.035156 27.183594 L 27.277344 27.183594 L 27.277344 26.570312 L 34.035156 26.570312 Z M 34.035156 25.347656 L 27.277344 25.347656 L 27.277344 24.734375 L 34.035156 24.734375 Z M 34.035156 23.507812 L 27.277344 23.507812 L 27.277344 22.898438 L 34.035156 22.898438 Z M 34.035156 23.507812 "/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 10.703125 27.429688 L 10.703125 24.570312 L 24.78125 24.570312 L 24.78125 27.429688 Z M 13.515625 21.714844 L 14.503906 21.714844 L 19.996094 16.160156 L 19.484375 15.644531 L 18.992188 15.144531 L 13.515625 20.714844 Z M 12.109375 23.144531 L 12.109375 20.105469 L 19.996094 12.125 C 20.125 11.992188 20.273438 11.894531 20.441406 11.820312 C 20.613281 11.75 20.792969 11.714844 20.980469 11.714844 C 21.167969 11.714844 21.351562 11.75 21.527344 11.820312 C 21.703125 11.894531 21.859375 12 22 12.144531 L 22.96875 13.144531 C 23.109375 13.273438 23.210938 13.429688 23.277344 13.605469 C 23.339844 13.785156 23.375 13.96875 23.375 14.160156 C 23.375 14.339844 23.339844 14.515625 23.277344 14.6875 C 23.210938 14.859375 23.109375 15.019531 22.96875 15.160156 L 15.101562 23.144531 Z M 19.996094 16.160156 L 19.484375 15.644531 L 18.992188 15.144531 Z M 19.996094 16.160156 "/>
+</g>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/light/icon@2x.svg b/sdkjs-plugins/content/texthighlighter/resources/light/icon@2x.svg
new file mode 100644
index 00000000..312d16dd
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/light/icon@2x.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58px" height="56px" viewBox="0 0 58 56" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 36.171875 6 C 36.703125 6 37.210938 6.210938 37.585938 6.585938 L 46.414062 15.414062 C 46.789062 15.789062 47 16.296875 47 16.828125 L 47 48 C 47 49.105469 46.105469 50 45 50 L 17 50 C 15.894531 50 15 49.105469 15 48 L 15 42 L 17 42 L 17 48 L 45 48 L 45 18 L 37 18 C 35.894531 18 35 17.105469 35 16 L 35 8 L 17 8 L 17 12 L 15 12 L 15 8 C 15 6.894531 15.894531 6 17 6 Z M 37 16 L 44.171875 16 L 37 8.828125 Z M 37 16 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 40.285156 44.570312 L 21.714844 44.570312 L 21.714844 43.855469 L 40.285156 43.855469 Z M 40.285156 42.429688 L 21.714844 42.429688 L 21.714844 41.714844 L 40.285156 41.714844 Z M 40.285156 40.285156 L 21.714844 40.285156 L 21.714844 39.570312 L 40.285156 39.570312 Z M 40.285156 38.144531 L 21.714844 38.144531 L 21.714844 37.429688 L 40.285156 37.429688 Z M 40.285156 36 L 21.714844 36 L 21.714844 35.285156 L 40.285156 35.285156 Z M 40.285156 33.855469 L 32.285156 33.855469 L 32.285156 33.144531 L 40.285156 33.144531 Z M 40.285156 31.714844 L 32.285156 31.714844 L 32.285156 31 L 40.285156 31 Z M 40.285156 29.570312 L 32.285156 29.570312 L 32.285156 28.855469 L 40.285156 28.855469 Z M 40.285156 27.429688 L 32.285156 27.429688 L 32.285156 26.714844 L 40.285156 26.714844 Z M 40.285156 27.429688 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:0.8;" d="M 12.667969 32 L 12.667969 28.667969 L 29.332031 28.667969 L 29.332031 32 Z M 16 25.332031 L 17.167969 25.332031 L 23.667969 18.855469 L 22.480469 17.667969 L 16 24.167969 Z M 14.332031 27 L 14.332031 23.457031 L 23.667969 14.144531 C 23.820312 13.992188 23.996094 13.875 24.199219 13.792969 C 24.398438 13.707031 24.613281 13.667969 24.832031 13.667969 C 25.054688 13.667969 25.269531 13.707031 25.480469 13.792969 C 25.6875 13.875 25.875 14 26.042969 14.167969 L 27.1875 15.332031 C 27.355469 15.484375 27.476562 15.667969 27.550781 15.875 C 27.628906 16.082031 27.667969 16.296875 27.667969 16.519531 C 27.667969 16.730469 27.628906 16.933594 27.550781 17.136719 C 27.476562 17.335938 27.355469 17.519531 27.1875 17.6875 L 17.875 27 Z M 23.667969 18.855469 L 22.480469 17.667969 Z M 23.667969 18.855469 "/>
+</g>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.png b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.png
new file mode 100644
index 00000000..9defea17
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.svg b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.svg
new file mode 100644
index 00000000..ec5d8b45
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon.svg
@@ -0,0 +1,12 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0859 3C18.3511 3.00004 18.6055 3.10547 18.793 3.29297L23.207 7.70703C23.3945 7.89453 23.5 8.1489 23.5 8.41406V24C23.5 24.5523 23.0523 25 22.5 25H8.5C7.94772 25 7.5 24.5523 7.5 24V21H8.5V24H22.5V9H18.5C17.9477 9 17.5 8.55228 17.5 8V4H8.5V6H7.5V4C7.5 3.44772 7.94772 3 8.5 3H18.0859ZM18.5 8H22.0859L18.5 4.41406V8Z" fill="black" fill-opacity="0.8"/>
+<path d="M20.1426 22.2861H10.8574V21.9287H20.1426V22.2861ZM20.1426 21.2139H10.8574V20.8574H20.1426V21.2139ZM20.1426 20.1426H10.8574V19.7861H20.1426V20.1426ZM20.1426 19.0713H10.8574V18.7139H20.1426V19.0713ZM20.1426 18H10.8574V17.6426H20.1426V18ZM20.1426 16.9287H16.1426V16.5713H20.1426V16.9287ZM20.1426 15.8574H16.1426V15.5H20.1426V15.8574ZM20.1426 14.7861H16.1426V14.4287H20.1426V14.7861ZM20.1426 13.7139H16.1426V13.3574H20.1426V13.7139Z" fill="black" fill-opacity="0.8"/>
+<g clip-path="url(#clip0_118_11478)">
+<path d="M6.3335 16V14.3334H14.6668V16H6.3335ZM8.00016 12.6667H8.5835L11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L8.00016 12.0834V12.6667ZM7.16683 13.5V11.7292L11.8335 7.07296C11.9099 6.99657 11.9984 6.93754 12.0991 6.89587C12.1998 6.85421 12.3057 6.83337 12.4168 6.83337C12.5279 6.83337 12.6356 6.85421 12.7397 6.89587C12.8439 6.93754 12.9377 7.00004 13.021 7.08337L13.5939 7.66671C13.6772 7.7431 13.738 7.83337 13.7762 7.93754C13.8144 8.04171 13.8335 8.14935 13.8335 8.26046C13.8335 8.36462 13.8144 8.46705 13.7762 8.56775C13.738 8.66844 13.6772 8.76046 13.5939 8.84379L8.93766 13.5H7.16683ZM11.8335 9.42712L11.5314 9.12504L11.2397 8.83337L11.8335 9.42712Z" fill="black" fill-opacity="0.8"/>
+</g>
+<defs>
+<clipPath id="clip0_118_11478">
+<rect width="10" height="10" fill="white" transform="translate(5.5 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.25x.png b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.25x.png
new file mode 100644
index 00000000..49379d80
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.25x.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.5x.png b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.5x.png
new file mode 100644
index 00000000..1f4b3f7f
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.5x.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.75x.png b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.75x.png
new file mode 100644
index 00000000..4aeeb439
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@1.75x.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@2x.png b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@2x.png
new file mode 100644
index 00000000..4aeeb439
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/icons/icon@2x.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_1.png b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_1.png
new file mode 100644
index 00000000..e100a3b0
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_1.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_2.png b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_2.png
new file mode 100644
index 00000000..609fde79
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_2.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_3.png b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_3.png
new file mode 100644
index 00000000..0815a6c7
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_3.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_4.png b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_4.png
new file mode 100644
index 00000000..19cbfd79
Binary files /dev/null and b/sdkjs-plugins/content/texthighlighter/resources/store/screenshots/screen_4.png differ
diff --git a/sdkjs-plugins/content/texthighlighter/scripts/code.js b/sdkjs-plugins/content/texthighlighter/scripts/code.js
new file mode 100644
index 00000000..15935349
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/scripts/code.js
@@ -0,0 +1,320 @@
+(function (window) {
+  "use strict";
+
+  // === 1) Dropdown toggle bindings (run once on DOM load)
+  document.addEventListener("DOMContentLoaded", () => {
+    document.querySelectorAll(".dropdown-header").forEach((header) => {
+      header.addEventListener("click", () => {
+        header.parentElement.classList.toggle("open");
+      });
+    });
+  });
+
+  // 2) Theme change handler
+  function onThemeChanged(theme) {
+    // Let OnlyOffice apply its base styling
+    window.Asc.plugin.onThemeChangedBase(theme);
+
+    // Toggle our dark-mode class
+    document.body.classList.toggle("dark-mode", theme.type === "dark");
+  }
+  window.Asc.plugin.attachEvent?.("onThemeChanged", onThemeChanged);
+  window.Asc.plugin.onThemeChanged = onThemeChanged;
+
+  // UI elements (filled in init)
+  let searchInput, ignoreCaseBox, applyBtn;
+  let stateInput, stateNo, stateDone;
+  let loader, foundCountSpan;
+  let highlightMore1, highlightMore2, revertBtn;
+
+  window.Asc.plugin.init = function (text) {
+    // Cache DOM nodes
+    searchInput = document.getElementById("searchText");
+    ignoreCaseBox = document.getElementById("ignoreCase");
+    applyBtn = document.getElementById("ApplyButton");
+    stateInput = document.getElementById("state-input");
+    stateNo = document.getElementById("state-no-results");
+    stateDone = document.getElementById("state-done");
+    loader = document.getElementById("loader");
+    foundCountSpan = document.getElementById("foundCount");
+    highlightMore1 = document.getElementById("HighlightMore1");
+    highlightMore2 = document.getElementById("HighlightMore2");
+    revertBtn = document.getElementById("RevertToOriginal");
+
+    Asc.scope.textColor = "#000000";
+    const pickrEl = document.getElementById("textColorPicker");
+    if (pickrEl) {
+      const pickr = Pickr.create({
+        el: pickrEl,
+        theme: "classic",
+        default: "#000000",
+        components: {
+          preview: true,
+          opacity: true,
+          hue: true,
+          interaction: {
+            hex: true,
+            rgba: false,
+            input: true,
+            clear: false,
+            save: true,
+          },
+        },
+      });
+
+      pickr.on("init", (instance) => {
+        const hex = instance.getColor().toHEXA().toString();
+        Asc.scope.textColor = hex;
+        Asc.scope.lastTxtColor = hex;
+      });
+
+      pickr.on("save", (color) => {
+        const hex = color.toHEXA().toString();
+        Asc.scope.textColor = hex;
+        Asc.scope.lastTxtColor = hex;
+        pickr.hide();
+      });
+    }
+
+    // Simple state-switchers
+    function showInput() {
+      stateInput.style.display = "";
+      stateNo.style.display = "none";
+      stateDone.style.display = "none";
+      loader.style.display = "none";
+    }
+
+    // Wire up UI
+    applyBtn.disabled = true;
+    searchInput.addEventListener("input", () => {
+      applyBtn.disabled = !searchInput.value.trim();
+      Asc.scope.appliedToSelection = false;
+    });
+
+    applyBtn.addEventListener("click", onApply);
+    highlightMore1.addEventListener("click", showInput);
+    highlightMore2.addEventListener("click", showInput);
+    revertBtn.addEventListener("click", onRevert);
+
+    // If the plugin was opened with a selection, use it
+    if (text && text.trim()) {
+      searchInput.value = text.trim();
+      applyBtn.disabled = false;
+    }
+
+    // React when user changes selection in the document
+    if (window.Asc.plugin.attachEvent) {
+      window.Asc.plugin.attachEvent("onSelectionChanged", (sel) => {
+        if (sel && sel.text) {
+          searchInput.value = sel.text;
+          applyBtn.disabled = false;
+        }
+      });
+    }
+
+    // Initialize last-term storage
+    Asc.scope.lastTerm = "";
+    Asc.scope.lastCaseSens = false;
+
+    // Show the initial state
+    showInput();
+  };
+
+  // 3) Apply highlights
+  function onApply() {
+    // Reset undo count for each new apply action
+    Asc.scope.undoCount = 1;
+    
+    const caseSens = !ignoreCaseBox.checked;
+    const hlColor = document.getElementById("highlightColor").value;
+    const txtColor = Asc.scope.textColor || "#000000";
+    const doBold = document.getElementById("boldCheckbox").checked;
+    const doItalic = document.getElementById("italicCheckbox").checked;
+    const doUnder = document.getElementById("underlineCheckbox").checked;
+    const doStrike = document.getElementById("strikeCheckbox").checked;
+
+    // Store properties in Asc.scope
+    Asc.scope.caseSens = caseSens;
+    Asc.scope.hlColor = hlColor;
+    Asc.scope.txtColor = txtColor;
+    Asc.scope.doBold = doBold;
+    Asc.scope.doItalic = doItalic;
+    Asc.scope.doUnder = doUnder;
+    Asc.scope.doStrike = doStrike;
+    Asc.scope.lastTerm = searchInput.value.trim();
+
+    // Transition UI
+    stateInput.style.display = "none";
+    stateNo.style.display = "none";
+    stateDone.style.display = "none";
+    loader.style.display = "";
+
+    window.Asc.plugin.callCommand(function () {
+      const doc = Api.GetDocument();
+      const core = doc.GetCore();
+      core.SetLanguage("fr-FR");
+
+      const language = core.GetLanguage();
+
+      const range = doc.GetRangeBySelect();
+      const textPr = Api.CreateTextPr();
+
+      // Set all text properties
+      textPr.SetHighlight(Asc.scope.hlColor);
+      if (Asc.scope.doBold) textPr.SetBold(true);
+      if (Asc.scope.doItalic) textPr.SetItalic(true);
+      if (Asc.scope.doUnder) textPr.SetUnderline(true);
+      if (Asc.scope.doStrike) textPr.SetStrikeout(true);
+
+      if (Asc.scope.txtColor !== "#000000") {
+        const rgb = Asc.scope.txtColor
+          .slice(1)
+          .match(/.{2}/g)
+          .map((h) => parseInt(h, 16));
+        textPr.SetColor(rgb[0], rgb[1], rgb[2], false);
+      }
+
+      if (range && range.GetText && range.GetText() !== "") {
+        // Apply to selected range
+        range.SetTextPr(textPr);
+        Asc.scope.appliedViaSelection = true;
+        return 1;
+      } else if (Asc.scope.lastTerm) {
+        // Search mode if no selection
+        const results = doc.Search(Asc.scope.lastTerm, Asc.scope.caseSens);
+        results.forEach((result) => {
+          result.SetTextPr(textPr);
+        });
+        Asc.scope.appliedViaSelection = false;
+        return results.length;
+      } else {
+        // Apply to entire document
+        const paragraphs = doc.GetAllParagraphs();
+        paragraphs.forEach((para) => {
+          para.SetTextPr(textPr);
+        });
+        Asc.scope.appliedViaSelection = true;
+        return paragraphs.length;
+      }
+    }, false);
+  }
+
+  // 4) Revert highlights
+
+  function onRevert() {
+    // If nothing was applied, exit safely
+    if (!Asc.scope.undoCount || Asc.scope.undoCount <= 0) {
+      resetToMainView();
+      return;
+    }
+
+    loader.style.display = "";
+
+    const performUndo = (stepsRemaining) => {
+      if (stepsRemaining <= 0) {
+        // Done undoing → clean state
+        Asc.scope.undoCount = 0;
+        Asc.scope.lastTerm = "";
+        Asc.scope.appliedViaSelection = false;
+
+        loader.style.display = "none";
+
+        // Show clean UI again
+        resetToMainView();
+        return;
+      }
+
+      // Perform 1 undo → then recursively undo the rest
+      window.Asc.plugin.executeMethod("Undo", null, () => {
+        setTimeout(() => performUndo(stepsRemaining - 1), 100);
+      });
+    };
+
+    // Start the undo chain
+    performUndo(Asc.scope.undoCount);
+  }
+  function resetToMainView() {
+    stateInput.style.display = "";
+    stateNo.style.display = "none";
+    stateDone.style.display = "none";
+    loader.style.display = "none";
+  }
+
+  // 5) After each callCommand
+  window.Asc.plugin.onCommandCallback = function (count) {
+    const n = Number(count) || 0;
+    loader.style.display = "none";
+
+    if (n === 0) {
+      stateNo.style.display = "";
+      stateDone.style.display = "none";
+      stateInput.style.display = "none";
+    } else if (Asc.scope.appliedViaSelection) {
+      // show input again, so user can immediately re‐apply or revert
+      stateInput.style.display = "none";
+      stateDone.style.display = "";
+      stateNo.style.display = "";
+    } else {
+      // regular search‐based Done UI
+      foundCountSpan.textContent = n;
+      stateDone.style.display = "";
+      stateInput.style.display = "none";
+      stateNo.style.display = "none";
+    }
+  };
+
+  Asc.scope.undoCount = 1; // one full operation to undo
+
+  // 6) Translation hookup
+  window.Asc.plugin.onTranslate = function () {
+    const $ = (id) => document.getElementById(id);
+    const trSafe = (key) => {
+      const t = window.Asc.plugin.tr(key);
+      return t && t !== key ? t : null; // null → fallback to English text from HTML
+    };
+
+    // Simple text replacements
+    const applyTr = (id) => {
+      const el = $(id);
+      if (!el) return;
+      const translated = trSafe(id);
+      if (translated) el.innerHTML = translated; // fallback happens automatically
+    };
+
+    // IDs to translate
+    const idsToTranslate = [
+      "PluginInstructions",
+      "TextToSearch",
+      "IgnoreCase",
+      "HighlightColor",
+      "HighlightYellow",
+      "HighlightGreen",
+      "HighlightBlue",
+      "HighlightRed",
+      "HighlightNone",
+      "TextColorHeader",
+      "TextFormattingHeader",
+      "FormatBold",
+      "FormatItalic",
+      "FormatUnderline",
+      "FormatStrike",
+      "ApplyButton",
+      "SearchNoResults",
+      "SearchDone",
+      "MatchesFound",
+      "HighlightMore1",
+      "HighlightMore2",
+      "RevertToOriginal",
+      "LoadingMessage",
+    ];
+
+    idsToTranslate.forEach(applyTr);
+
+    // Placeholder translation
+    const input = $("searchText");
+    if (input) {
+      const placeholder = trSafe("SearchPlaceholder");
+      if (placeholder) input.placeholder = placeholder;
+    }
+  };
+})(window);
diff --git a/sdkjs-plugins/content/texthighlighter/styles.css b/sdkjs-plugins/content/texthighlighter/styles.css
new file mode 100644
index 00000000..a1a90da2
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/styles.css
@@ -0,0 +1,329 @@
+body {
+  background: #fff;
+  overflow-y: scroll;
+
+  color: #333;
+}
+
+.container {
+  padding: 13px;
+  overflow-y: auto;
+  height: 95vh;
+}
+
+.container::-webkit-scrollbar {
+  display: none;
+}
+
+.header {
+  font-size: 0.8em;
+  margin-top: 10px;
+  font-family: Arial, Helvetica, sans-serif;
+  margin-bottom: 20px;
+}
+
+/*  */
+#highlightColor {
+  color: black;
+  padding: 0.2em;
+  max-width: 80px;
+  font-size: 0.8em;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background-color: #f9f9f9;
+  cursor: pointer;
+}
+
+#highlightColor:hover {
+  border-color: #aaa;
+}
+
+#highlightColor option {
+  padding: 0.5em;
+  background-color: #fff;
+  color: #252525;
+}
+
+#highlightColor option:hover {
+  background-color: #ddd;
+}
+
+#highlightColor option[value="yellow"] {
+  background-color: #ffffcc;
+}
+
+#highlightColor option[value="green"] {
+  background-color: #ccffcc;
+}
+
+#highlightColor option[value="blue"] {
+  background-color: #4781d1;
+}
+
+#highlightColor option[value="red"] {
+  background-color: #ffcccc;
+}
+
+
+/*  */
+/* Hide scrollbar for IE, Edge and Firefox */
+.container {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+
+.container p {
+  font-size: 12px;
+  margin: 10px 0;
+  text-align: center;
+}
+
+#state-no-results button,
+#state-done button {
+  width: 100%;
+  margin-top: 8px;
+}
+
+#state-done p:first-child {
+  font-weight: bold;
+}
+
+/* Dropdown panel wrapper */
+.dropdown {
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  margin-bottom: 12px;
+  overflow: hidden;
+}
+
+/* Header always visible */
+.dropdown-header {
+  padding: 10px;
+  background: #f9f9f9;
+  cursor: pointer;
+  position: relative;
+  font-weight: bold;
+}
+
+/* The little arrow */
+.dropdown-header .arrow {
+  position: absolute;
+  right: 12px;
+  transition: transform 0.2s;
+}
+
+/* Collapsed by default */
+.dropdown-content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+  background: #fff;
+  padding: 0 10px;
+}
+
+/* When open, allow comfortable height */
+.dropdown.open .dropdown-content {
+  max-height: 150px;
+  /* adjust if you need more space */
+  padding: 10px;
+}
+
+/* Rotate arrow when open */
+.dropdown.open .dropdown-header .arrow {
+  transform: rotate(90deg);
+}
+
+/* Formatting options laid out */
+.format-options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.format-options label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: #f0f0f0;
+  padding: 6px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+
+.section {
+  margin-bottom: 10px;
+  padding: 0 2px 12px 0;
+
+}
+
+.section label {
+  font-weight: bold;
+  align-items: center;
+  font-size: 15px;
+  margin-bottom: 6px;
+}
+
+input[type="text"] {
+  width: 100%;
+  border-radius: 4px;
+  margin-top: 6px;
+  padding: 8px;
+  box-sizing: border-box;
+}
+
+.format-options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.format-option {
+  display: flex;
+  align-items: center;
+  padding: 5px 10px;
+  background: #f0f0f0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.format-option:hover {
+  background: #e0e0e0;
+}
+
+.format-option.active {
+  background: #446995;
+  color: white;
+}
+
+.applyButton {
+  background: #446995;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  cursor: pointer;
+  border-radius: 4px;
+  font-weight: bold;
+  width: 100%;
+  margin-top: 18px;
+  margin-bottom: 15px;
+}
+
+.applyButton:disabled {
+  background: #cccccc;
+  cursor: not-allowed;
+}
+
+.message {
+  margin-top: 15px;
+  padding: 10px;
+  border-radius: 4px;
+  text-align: center;
+}
+
+#loader {
+  text-align: center;
+  font-style: italic;
+  color: #666;
+}
+
+body.dark-mode {
+  background: #404040;
+  color: #ddd;
+}
+
+body.dark-mode input[type="text"],
+body.dark-mode select,
+body.dark-mode .dropdown-content {
+  background: #2a2a2a;
+  color: #ddd;
+  border-color: #444;
+}
+
+body.dark-mode .dropdown-header {
+  background: #2a2a2a;
+  color: #ddd;
+  border-color: #444;
+}
+
+body.dark-mode .dropdown.open .dropdown-content {
+  background: #2a2a2a;
+}
+
+body.dark-mode .format-options label {
+  background: #333;
+  color: #eee;
+}
+
+body.dark-mode .format-options label:hover {
+  background: #3a3a3a;
+}
+
+body.dark-mode button {
+  background: #fff !important;
+  opacity: 0.8 !important;
+  color: #333 !important;
+}
+
+body.dark-mode button:disabled {
+  background: #fff !important;
+  opacity: 0.5 !important;
+  color: #333 !important;
+}
+
+body.dark-mode .loader {
+  color: #aaa;
+}
+
+/* ─── Desktop/wide screens ─────────────────────────────────── */
+@media (min-width: 1300px) {
+  .container {
+    max-width: 500px;
+    /* widen the panel */
+    font-size: 0.9rem;
+    /* bump up base text */
+    padding: 18px;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  input[type="text"],
+  select {
+    font-size: 0.8rem;
+    padding: 10px;
+  }
+
+  .dropdown-header {
+    font-size: 1rem;
+    padding: 12px;
+  }
+
+  .dropdown-content input,
+  .format-options label {
+    font-size: 0.85rem;
+  }
+
+  .applyButton,
+  #state-no-results button,
+  #state-done button {
+    font-size: 0.85rem;
+    padding: 12px;
+  }
+
+  /* Make the container scroll if it grows taller than the sidebar */
+}
+
+#textColorPicker {
+  width: 100%;
+  height: 32px;
+  border: 1px solid #444;
+  border-radius: 4px;
+  cursor: pointer;
+  background: #000;
+  /* initial default color swatch */
+}
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/translations/cs-CS.json b/sdkjs-plugins/content/texthighlighter/translations/cs-CS.json
new file mode 100644
index 00000000..1c9b5214
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/cs-CS.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Zvýrazňovač textu",
+  "PluginInstructions": "Zadejte nebo vyberte <b>slovo nebo frázi</b> pro hledání v textu dokumentu a nakonfigurujte potřebná nastavení.",
+
+  "TextToSearch": "Text k vyhledání:",
+  "SearchPlaceholder": "Zadejte text nebo vyberte v dokumentu",
+  "IgnoreCase": "Ignorovat velikost písmen",
+
+  "HighlightColor": "Barva zvýraznění:",
+  "HighlightYellow": "Žlutá",
+  "HighlightGreen": "Zelená",
+  "HighlightBlue": "Modrá",
+  "HighlightRed": "Červená",
+  "HighlightNone": "Bez výplně",
+
+  "TextColorHeader": "Barva textu",
+  "ArrowDropdown": "▸",
+  "TextColorPicker": "Vyberte barvu textu",
+
+  "TextFormattingHeader": "Formátování textu",
+  "FormatBold": "Tučné",
+  "FormatItalic": "Kurzíva",
+  "FormatUnderline": "Podtržení",
+  "FormatStrike": "Přeškrtnutí",
+
+  "ApplyButton": "Použít",
+
+  "SearchNoResults": "Hledání dokončeno. <strong>Nebyly nalezeny žádné shody.</strong>",
+  "HighlightMore": "Zvýraznit více",
+  "HighlightMore2": "Zvýraznit více",
+
+  "SearchDone": "Hotovo! Hledání bylo dokončeno a styly byly aplikovány.",
+  "MatchesFound": "Nalezené shody:",
+  "RevertToOriginal": "Vrátit zpět",
+
+  "LoadingMessage": "Zpracovávám...",
+
+  "AboutTitle": "Zvýrazňovač textu",
+  "AboutVersion": "Verze 1.0.0",
+  "AboutDescription": "Tento plugin umožňuje vyhledávat text a aplikovat zvýraznění, barvu a formátování ve vašem dokumentu.",
+  "AboutCopyright": "© 2025 ONLYOFFICE Plugin"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/de-DE.json b/sdkjs-plugins/content/texthighlighter/translations/de-DE.json
new file mode 100644
index 00000000..0734e115
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/de-DE.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Texthervorhebung",
+  "PluginInstructions": "Geben Sie <b>ein Wort oder einen Satz</b> ein oder wählen Sie es aus dem Dokument aus, und konfigurieren Sie die gewünschten Einstellungen.",
+
+  "TextToSearch": "Zu suchender Text:",
+  "SearchPlaceholder": "Text eingeben oder im Dokument auswählen",
+  "IgnoreCase": "Groß-/Kleinschreibung ignorieren",
+
+  "HighlightColor": "Hervorhebungsfarbe:",
+  "HighlightYellow": "Gelb",
+  "HighlightGreen": "Grün",
+  "HighlightBlue": "Blau",
+  "HighlightRed": "Rot",
+  "HighlightNone": "Keine Füllung",
+  "ArrowDropdown": "▸",
+
+  "TextColorHeader": "Textfarbe",
+  "TextColorPicker": "Textfarbe wählen",
+
+  "TextFormattingHeader": "Textformatierung",
+  "FormatBold": "Fett",
+  "FormatItalic": "Kursiv",
+  "FormatUnderline": "Unterstrichen",
+  "FormatStrike": "Durchgestrichen",
+
+  "ApplyButton": "Anwenden",
+
+  "SearchNoResults": "Suche abgeschlossen. <strong>Keine Treffer gefunden.</strong>",
+  "HighlightMore": "Mehr hervorheben",
+  "HighlightMore2": "Mehr hervorheben",
+
+  "SearchDone": "Fertig! Die Suche ist abgeschlossen und die Stile wurden angewendet.",
+  "MatchesFound": "Gefundene Treffer:",
+  "RevertToOriginal": "Wiederherstellen",
+
+  "LoadingMessage": "Verarbeitung läuft...",
+
+  "AboutTitle": "Texthervorhebung",
+  "AboutVersion": "Version 1.0.0",
+  "AboutDescription": "Dieses Plugin ermöglicht das Suchen von Text und das Anwenden von Hervorhebungen, Farben und Formatierungen im Dokument.",
+  "AboutCopyright": "© 2025 ONLYOFFICE-Plugin"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/en-US.json b/sdkjs-plugins/content/texthighlighter/translations/en-US.json
new file mode 100644
index 00000000..e28b17b0
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/en-US.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Text Highlighter",
+  "PluginInstructions": "Enter or select <b>a word or phrase</b> to search in the document text, and configure the necessary settings.",
+  
+  "TextToSearch": "Text to search:",
+  "SearchPlaceholder": "Enter text or select in document",
+  "IgnoreCase": "Ignore case",
+
+  "HighlightColor": "Highlight color :",
+  "HighlightYellow": "Yellow",
+  "HighlightGreen": "Green",
+  "HighlightBlue": "Blue",
+  "HighlightRed": "Red",
+  "HighlightNone": "No Fill",
+  "ArrowDropdown": "▸",
+
+  "TextColorHeader": "Text color",
+  "TextColorPicker": "Choose text color",
+
+  "TextFormattingHeader": "Text formatting",
+  "FormatBold": "Bold",
+  "FormatItalic": "Italic",
+  "FormatUnderline": "Underline",
+  "FormatStrike": "Strikethrough",
+
+  "ApplyButton": "Apply",
+
+  "SearchNoResults": "Search completed. <strong>No matches found.</strong>",
+  "HighlightMore": "Highlight more",
+  "HighlightMore2": "Highlight more",
+
+  "SearchDone": "Done! The search is complete and styles have been applied.",
+  "MatchesFound": "Matches found:",
+  "RevertToOriginal": "Revert",
+
+  "LoadingMessage": "Processing...",
+
+  "AboutTitle": "Text Highlighter",
+  "AboutVersion": "Version 1.0.0",
+  "AboutDescription": "This plugin allows you to search text and apply highlighting, color, and formatting styles in your document.",
+  "AboutCopyright": "© 2025 ONLYOFFICE Plugin"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/es-ES.json b/sdkjs-plugins/content/texthighlighter/translations/es-ES.json
new file mode 100644
index 00000000..4fede6e1
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/es-ES.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Resaltador de Texto",
+  "PluginInstructions": "Introduce o selecciona <b>una palabra o frase</b> para buscar en el texto del documento, y configura los ajustes necesarios.",
+  
+  "TextToSearch": "Texto a buscar:",
+  "SearchPlaceholder": "Introduce texto o selecciona en el documento",
+  "IgnoreCase": "Ignorar mayúsculas/minúsculas",
+
+  "HighlightColor": "Color de resaltado:",
+  "HighlightYellow": "Amarillo",
+  "HighlightGreen": "Verde",
+  "HighlightBlue": "Azul",
+  "HighlightRed": "Rojo",
+  "HighlightNone": "Sin relleno",
+  "ArrowDropdown": "▸",
+
+  "TextColorHeader": "Color del texto",
+  "TextColorPicker": "Elige el color del texto",
+
+  "TextFormattingHeader": "Formato del texto",
+  "FormatBold": "Negrita",
+  "FormatItalic": "Cursiva",
+  "FormatUnderline": "Subrayado",
+  "FormatStrike": "Tachado",
+
+  "ApplyButton": "Aplicar",
+
+  "SearchNoResults": "Búsqueda completada. <strong>No se encontraron coincidencias.</strong>",
+  "HighlightMore": "Resaltar más",
+  "HighlightMore2": "Resaltar más",
+
+  "SearchDone": "¡Hecho! La búsqueda se completó y se aplicaron los estilos.",
+  "MatchesFound": "Coincidencias encontradas:",
+  "RevertToOriginal": "Revertir",
+
+  "LoadingMessage": "Procesando...",
+
+  "AboutTitle": "Resaltador de Texto",
+  "AboutVersion": "Versión 1.0.0",
+  "AboutDescription": "Este complemento te permite buscar texto y aplicar resaltado, color y estilos de formato en tu documento.",
+  "AboutCopyright": "© 2025 Complemento ONLYOFFICE"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/fr-FR.json b/sdkjs-plugins/content/texthighlighter/translations/fr-FR.json
new file mode 100644
index 00000000..b9f83546
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/fr-FR.json
@@ -0,0 +1,41 @@
+{
+  "TextHighlighter": "Surligneur de texte",
+  "PluginInstructions": "Entrez ou sélectionnez <b>un mot ou une expression</b> à rechercher dans le texte du document, puis configurez les paramètres nécessaires.",
+
+  "TextToSearch": "Texte à rechercher :",
+  "SearchPlaceholder": "Entrez du texte ou sélectionnez-le dans le document",
+  "IgnoreCase": "Ignorer la casse",
+
+  "HighlightColor": "Couleur de surlignage :",
+  "HighlightYellow": "Jaune",
+  "HighlightGreen": "Vert",
+  "HighlightBlue": "Bleu",
+  "HighlightRed": "Rouge",
+  "HighlightNone": "Pas de remplissage",
+"ArrowDropdown": "▸",
+  "TextColorHeader": "Couleur du texte",
+  "TextColorPicker": "Choisir la couleur du texte",
+
+  "TextFormattingHeader": "Formatage du texte",
+  "FormatBold": "Gras",
+  "FormatItalic": "Italique",
+  "FormatUnderline": "Souligné",
+  "FormatStrike": "Barré",
+
+  "ApplyButton": "Appliquer",
+
+  "SearchNoResults": "Recherche terminée. <strong>Aucun résultat trouvé.</strong>",
+  "HighlightMore": "Surligner plus",
+  "HighlightMore2": "Surligner plus",
+
+  "SearchDone": "Terminé ! La recherche est terminée et les styles ont été appliqués.",
+  "MatchesFound": "Correspondances trouvées :",
+  "RevertToOriginal": "Revenir",
+
+  "LoadingMessage": "Traitement en cours...",
+
+  "AboutTitle": "Surligneur de texte",
+  "AboutVersion": "Version 1.0.0",
+  "AboutDescription": "Ce plugin permet de rechercher du texte et d'appliquer des styles de surlignage, de couleur et de formatage dans le document.",
+  "AboutCopyright": "© 2025 Plugin ONLYOFFICE"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/it-IT.json b/sdkjs-plugins/content/texthighlighter/translations/it-IT.json
new file mode 100644
index 00000000..d1c6a961
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/it-IT.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Evidenziatore di Testo",
+  "PluginInstructions": "Inserisci o seleziona <b>una parola o frase</b> da cercare nel testo del documento e configura le impostazioni necessarie.",
+  
+  "TextToSearch": "Testo da cercare:",
+  "SearchPlaceholder": "Inserisci testo o seleziona nel documento",
+  "IgnoreCase": "Ignora maiuscole/minuscole",
+
+  "HighlightColor": "Colore evidenziazione:",
+  "HighlightYellow": "Giallo",
+  "HighlightGreen": "Verde",
+  "HighlightBlue": "Blu",
+  "HighlightRed": "Rosso",
+  "HighlightNone": "Nessun riempimento",
+
+  "TextColorHeader": "Colore del testo",
+  "TextColorPicker": "Scegli colore del testo",
+  "ArrowDropdown": "▸",
+
+  "TextFormattingHeader": "Formattazione testo",
+  "FormatBold": "Grassetto",
+  "FormatItalic": "Corsivo",
+  "FormatUnderline": "Sottolineato",
+  "FormatStrike": "Barrato",
+
+  "ApplyButton": "Applica",
+
+  "SearchNoResults": "Ricerca completata. <strong>Nessuna corrispondenza trovata.</strong>",
+  "HighlightMore": "Evidenzia di più",
+  "HighlightMore2": "Evidenzia di più",
+
+  "SearchDone": "Fatto! La ricerca è completa e gli stili sono stati applicati.",
+  "MatchesFound": "Corrispondenze trovate:",
+  "RevertToOriginal": "Ripristina",
+
+  "LoadingMessage": "Elaborazione...",
+
+  "AboutTitle": "Evidenziatore di Testo",
+  "AboutVersion": "Versione 1.0.0",
+  "AboutDescription": "Questo plugin consente di cercare il testo e applicare evidenziazioni, colori e formattazioni nel documento.",
+  "AboutCopyright": "© 2025 Plugin ONLYOFFICE"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/ja-JA.json b/sdkjs-plugins/content/texthighlighter/translations/ja-JA.json
new file mode 100644
index 00000000..236f0a88
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/ja-JA.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "テキストハイライター",
+  "PluginInstructions": "<b>検索する単語またはフレーズ</b>を入力または選択し、必要な設定を構成します。",
+  
+  "TextToSearch": "検索するテキスト：",
+  "SearchPlaceholder": "テキストを入力またはドキュメントから選択",
+  "IgnoreCase": "大文字と小文字を区別しない",
+
+  "HighlightColor": "ハイライトの色：",
+  "HighlightYellow": "黄色",
+  "HighlightGreen": "緑",
+  "HighlightBlue": "青",
+  "HighlightRed": "赤",
+  "HighlightNone": "塗りなし",
+  "ArrowDropdown": "▸",
+
+  "TextColorHeader": "テキストの色",
+  "TextColorPicker": "テキストの色を選択",
+
+  "TextFormattingHeader": "テキストの書式",
+  "FormatBold": "太字",
+  "FormatItalic": "斜体",
+  "FormatUnderline": "下線",
+  "FormatStrike": "取り消し線",
+
+  "ApplyButton": "適用",
+
+  "SearchNoResults": "検索完了。<strong>一致するものは見つかりませんでした。</strong>",
+  "HighlightMore": "さらにハイライト",
+  "HighlightMore2": "さらにハイライト",
+
+  "SearchDone": "完了！検索が完了し、スタイルが適用されました。",
+  "MatchesFound": "一致件数：",
+  "RevertToOriginal": "元に戻す",
+
+  "LoadingMessage": "処理中...",
+
+  "AboutTitle": "テキストハイライター",
+  "AboutVersion": "バージョン 1.0.0",
+  "AboutDescription": "このプラグインでは、テキストの検索およびハイライト、色、書式スタイルの適用が可能です。",
+  "AboutCopyright": "© 2025 ONLYOFFICE プラグイン"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/langs.json b/sdkjs-plugins/content/texthighlighter/translations/langs.json
new file mode 100644
index 00000000..0b245632
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/langs.json
@@ -0,0 +1,13 @@
+[
+    "ru-RU",
+    "de-DE",
+    "fr-FR",
+    "es-ES",
+    "pt-BR",
+    "it-IT",
+    "ja-JA",
+    "zh-ZH",
+    "cs-CS",
+    "sq-AL",
+    "uk-UA"
+]
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/translations/pt-BR.json b/sdkjs-plugins/content/texthighlighter/translations/pt-BR.json
new file mode 100644
index 00000000..155931dd
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/pt-BR.json
@@ -0,0 +1,33 @@
+{
+  "TextHighlighter": "Realçador de Texto",
+  "PluginInstructions": "Digite ou selecione <b>uma palavra ou frase</b> para buscar no texto do documento e configure as opções necessárias.",
+  "TextToSearch": "Texto para buscar:",
+  "SearchPlaceholder": "Digite ou selecione no documento",
+  "IgnoreCase": "Ignorar maiúsculas/minúsculas",
+  "HighlightColor": "Cor do destaque:",
+  "HighlightYellow": "Amarelo",
+  "HighlightGreen": "Verde",
+  "HighlightBlue": "Azul",
+  "HighlightRed": "Vermelho",
+  "HighlightNone": "Sem preenchimento",
+  "TextColorHeader": "Cor do texto",
+  "TextColorPicker": "Escolher cor do texto",
+  "TextFormattingHeader": "Formatação do texto",
+  "FormatBold": "Negrito",
+  "FormatItalic": "Itálico",
+  "FormatUnderline": "Sublinhado",
+  "FormatStrike": "Tachado",
+  "ApplyButton": "Aplicar",
+  "SearchNoResults": "Busca concluída. <strong>Nenhuma correspondência encontrada.</strong>",
+  "HighlightMore": "Realçar mais",
+  "HighlightMore2": "Realçar mais",
+  "ArrowDropdown": "▸",
+  "SearchDone": "Concluído! A busca foi finalizada e os estilos foram aplicados.",
+  "MatchesFound": "Correspondências encontradas:",
+  "RevertToOriginal": "Reverter",
+  "LoadingMessage": "Processando...",
+  "AboutTitle": "Realçador de Texto",
+  "AboutVersion": "Versão 1.0.0",
+  "AboutDescription": "Este plugin permite buscar texto e aplicar realce, cor e estilos de formatação no seu documento.",
+  "AboutCopyright": "© 2025 Plugin ONLYOFFICE"
+}
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/translations/ru-RU.json b/sdkjs-plugins/content/texthighlighter/translations/ru-RU.json
new file mode 100644
index 00000000..754c58d2
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/ru-RU.json
@@ -0,0 +1,33 @@
+{
+  "TextHighlighter": "Выделение текста",
+  "PluginInstructions": "Введите или выберите <b>слово или фразу</b> для поиска в тексте документа и настройте необходимые параметры.",
+  "TextToSearch": "Текст для поиска:",
+  "SearchPlaceholder": "Введите текст или выберите в документе",
+  "IgnoreCase": "Игнорировать регистр",
+  "HighlightColor": "Цвет выделения:",
+  "HighlightYellow": "Жёлтый",
+  "HighlightGreen": "Зелёный",
+  "HighlightBlue": "Синий",
+  "HighlightRed": "Красный",
+  "HighlightNone": "Без заливки",
+  "TextColorHeader": "Цвет текста",
+  "TextColorPicker": "Выбрать цвет текста",
+  "TextFormattingHeader": "Форматирование текста",
+  "FormatBold": "Жирный",
+  "FormatItalic": "Курсив",
+  "FormatUnderline": "Подчёркнутый",
+  "FormatStrike": "Зачёркнутый",
+  "ApplyButton": "Применить",
+  "SearchNoResults": "Поиск завершён. <strong>Совпадения не найдены.</strong>",
+  "HighlightMore": "Выделить ещё",
+  "HighlightMore2": "Выделить ещё",
+  "ArrowDropdown": "▸",
+  "SearchDone": "Готово! Поиск завершён, стили применены.",
+  "MatchesFound": "Найдено совпадений:",
+  "RevertToOriginal": "Вернуть",
+  "LoadingMessage": "Обработка...",
+  "AboutTitle": "Выделение текста",
+  "AboutVersion": "Версия 1.0.0",
+  "AboutDescription": "Этот плагин позволяет искать текст и применять стили выделения, цвета и форматирования в документе.",
+  "AboutCopyright": "© 2025 Плагин ONLYOFFICE"
+}
\ No newline at end of file
diff --git a/sdkjs-plugins/content/texthighlighter/translations/sq-AL.json b/sdkjs-plugins/content/texthighlighter/translations/sq-AL.json
new file mode 100644
index 00000000..3a768c87
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/sq-AL.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Theksues Teksti",
+  "PluginInstructions": "Shkruani ose zgjidhni <b>një fjalë ose frazë</b> për të kërkuar në tekstin e dokumentit dhe konfiguroni cilësimet e nevojshme.",
+  
+  "TextToSearch": "Teksti për të kërkuar:",
+  "SearchPlaceholder": "Shkruani tekstin ose zgjidhni në dokument",
+  "IgnoreCase": "Injoro shkronjat e mëdha/vogla",
+
+  "HighlightColor": "Ngjyra e theksimit:",
+  "HighlightYellow": "E verdhë",
+  "HighlightGreen": "E gjelbër",
+  "HighlightBlue": "Blu",
+  "HighlightRed": "E kuqe",
+  "HighlightNone": "Pa mbushje",
+
+  "TextColorHeader": "Ngjyra e tekstit",
+  "TextColorPicker": "Zgjidh ngjyrën e tekstit",
+
+  "TextFormattingHeader": "Formatimi i tekstit",
+  "FormatBold": "Trashë",
+  "FormatItalic": "Pjerrët",
+  "FormatUnderline": "Nënvizuar",
+  "FormatStrike": "Me vijë në mes",
+
+  "ApplyButton": "Zbato",
+
+  "SearchNoResults": "Kërkimi përfundoi. <strong>Asnjë përputhje nuk u gjet.</strong>",
+  "HighlightMore": "Thekso më shumë",
+  "HighlightMore2": "Thekso më shumë",
+  "ArrowDropdown": "▸",
+
+  "SearchDone": "U krye! Kërkimi përfundoi dhe stilet u aplikuan.",
+  "MatchesFound": "Përputhje të gjetura:",
+  "RevertToOriginal": "Kthehu",
+
+  "LoadingMessage": "Duke përpunuar...",
+
+  "AboutTitle": "Theksues Teksti",
+  "AboutVersion": "Versioni 1.0.0",
+  "AboutDescription": "Ky shtesë ju lejon të kërkoni tekst dhe të aplikoni theksim, ngjyra dhe formate në dokumentin tuaj.",
+  "AboutCopyright": "© 2025 ONLYOFFICE Plugin"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/sr-Cyrl-RS.json b/sdkjs-plugins/content/texthighlighter/translations/sr-Cyrl-RS.json
new file mode 100644
index 00000000..debe96ec
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/sr-Cyrl-RS.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Означивач текста",
+  "PluginInstructions": "Унесите или изаберите <b>реч или фразу</b> за претрагу у тексту документа и подесите потребна подешавања.",
+  
+  "TextToSearch": "Текст за претрагу:",
+  "SearchPlaceholder": "Унесите текст или изаберите у документу",
+  "IgnoreCase": "Игнориши велика/мала слова",
+
+  "HighlightColor": "Боја означавања:",
+  "HighlightYellow": "Жута",
+  "HighlightGreen": "Зелена",
+  "HighlightBlue": "Плава",
+  "HighlightRed": "Црвена",
+  "HighlightNone": "Без испуне",
+
+  "TextColorHeader": "Боја текста",
+  "TextColorPicker": "Изабери боју текста",
+
+  "TextFormattingHeader": "Форматирање текста",
+  "FormatBold": "Подебљано",
+  "FormatItalic": "Курзив",
+  "FormatUnderline": "Подвучено",
+  "FormatStrike": "Прецртано",
+
+  "ApplyButton": "Примени",
+
+  "SearchNoResults": "Претрага завршена. <strong>Нема пронађених поклапања.</strong>",
+  "HighlightMore": "Означи више",
+  "HighlightMore2": "Означи више",
+  "ArrowDropdown": "▸",
+
+  "SearchDone": "Готово! Претрага је завршена и стилови су примењени.",
+  "MatchesFound": "Пронађена поклапања:",
+  "RevertToOriginal": "Врати на оригинал",
+
+  "LoadingMessage": "Обрада у току...",
+
+  "AboutTitle": "Означивач текста",
+  "AboutVersion": "Верзија 1.0.0",
+  "AboutDescription": "Овај додатак омогућава претрагу текста и примену означавања, боја и форматирања у документу.",
+  "AboutCopyright": "© 2025 ONLYOFFICE Plugin"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/sr-Latn-RS.json b/sdkjs-plugins/content/texthighlighter/translations/sr-Latn-RS.json
new file mode 100644
index 00000000..b654b63f
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/sr-Latn-RS.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Označivač teksta",
+  "PluginInstructions": "Unesite ili izaberite <b>reč ili frazu</b> za pretragu u tekstu dokumenta i podesite potrebna podešavanja.",
+  
+  "TextToSearch": "Tekst za pretragu:",
+  "SearchPlaceholder": "Unesite tekst ili izaberite u dokumentu",
+  "IgnoreCase": "Ignoriši velika/mala slova",
+
+  "HighlightColor": "Boja označavanja:",
+  "HighlightYellow": "Žuta",
+  "HighlightGreen": "Zelena",
+  "HighlightBlue": "Plava",
+  "HighlightRed": "Crvena",
+  "HighlightNone": "Bez ispune",
+
+  "TextColorHeader": "Boja teksta",
+  "TextColorPicker": "Izaberi boju teksta",
+
+  "TextFormattingHeader": "Formatiranje teksta",
+  "FormatBold": "Podebljano",
+  "FormatItalic": "Kurziv",
+  "FormatUnderline": "Podvučeno",
+  "FormatStrike": "Precrtano",
+
+  "ApplyButton": "Primeni",
+
+  "SearchNoResults": "Pretraga završena. <strong>Nema pronađenih poklapanja.</strong>",
+  "HighlightMore": "Označi više",
+  "HighlightMore2": "Označi više",
+  "ArrowDropdown": "▸",
+
+  "SearchDone": "Gotovo! Pretraga je završena i stilovi su primenjeni.",
+  "MatchesFound": "Pronađena poklapanja:",
+  "RevertToOriginal": "Vrati na original",
+
+  "LoadingMessage": "Obrada u toku...",
+
+  "AboutTitle": "Označivač teksta",
+  "AboutVersion": "Verzija 1.0.0",
+  "AboutDescription": "Ovaj dodatak omogućava pretragu teksta i primenu označavanja, boja i formatiranja u dokumentu.",
+  "AboutCopyright": "© 2025 ONLYOFFICE Plugin "
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/uk-UA.json b/sdkjs-plugins/content/texthighlighter/translations/uk-UA.json
new file mode 100644
index 00000000..60a8720e
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/uk-UA.json
@@ -0,0 +1,42 @@
+{
+  "TextHighlighter": "Виділення тексту",
+  "PluginInstructions": "Введіть або виберіть <b>слово чи фразу</b> для пошуку в документі та налаштуйте необхідні параметри.",
+
+  "TextToSearch": "Текст для пошуку:",
+  "SearchPlaceholder": "Введіть текст або виберіть у документі",
+  "IgnoreCase": "Ігнорувати регістр",
+
+  "HighlightColor": "Колір виділення:",
+  "HighlightYellow": "Жовтий",
+  "HighlightGreen": "Зелений",
+  "HighlightBlue": "Синій",
+  "HighlightRed": "Червоний",
+  "HighlightNone": "Без заповнення",
+  "ArrowDropdown": "▸",
+
+  "TextColorHeader": "Колір тексту",
+  "TextColorPicker": "Виберіть колір тексту",
+
+  "TextFormattingHeader": "Форматування тексту",
+  "FormatBold": "Жирний",
+  "FormatItalic": "Курсив",
+  "FormatUnderline": "Підкреслення",
+  "FormatStrike": "Закреслення",
+
+  "ApplyButton": "Застосувати",
+
+  "SearchNoResults": "Пошук завершено. <strong>Збігів не знайдено.</strong>",
+  "HighlightMore": "Виділити ще",
+  "HighlightMore2": "Виділити ще",
+
+  "SearchDone": "Готово! Пошук завершено, стилі застосовано.",
+  "MatchesFound": "Знайдено збігів:",
+  "RevertToOriginal": "Повернути",
+
+  "LoadingMessage": "Обробка...",
+
+  "AboutTitle": "Виділення тексту",
+  "AboutVersion": "Версія 1.0.0",
+  "AboutDescription": "Цей плагін дозволяє виконувати пошук тексту та застосовувати виділення, колір і стилі форматування у вашому документі.",
+  "AboutCopyright": "© 2025 Плагін ONLYOFFICE"
+}
diff --git a/sdkjs-plugins/content/texthighlighter/translations/zh-ZH.json b/sdkjs-plugins/content/texthighlighter/translations/zh-ZH.json
new file mode 100644
index 00000000..81217b41
--- /dev/null
+++ b/sdkjs-plugins/content/texthighlighter/translations/zh-ZH.json
@@ -0,0 +1,41 @@
+{
+  "TextHighlighter": "文本高亮器",
+  "PluginInstructions": "输入或选择<b>要搜索的单词或短语</b>，并配置所需设置。",
+
+  "TextToSearch": "搜索文本：",
+  "SearchPlaceholder": "输入文本或在文档中选择",
+  "IgnoreCase": "忽略大小写",
+
+  "HighlightColor": "高亮颜色：",
+  "HighlightYellow": "黄色",
+  "HighlightGreen": "绿色",
+  "HighlightBlue": "蓝色",
+  "HighlightRed": "红色",
+  "HighlightNone": "无填充",
+
+  "TextColorHeader": "文字颜色",
+  "TextColorPicker": "选择文字颜色",
+
+  "TextFormattingHeader": "文字格式",
+  "FormatBold": "加粗",
+  "FormatItalic": "斜体",
+  "FormatUnderline": "下划线",
+  "FormatStrike": "删除线",
+
+  "ApplyButton": "应用",
+
+  "SearchNoResults": "搜索完成。<strong>未找到匹配项。</strong>",
+  "HighlightMore": "继续高亮",
+  "HighlightMore2": "继续高亮",
+  "ArrowDropdown": "▸",
+  "SearchDone": "完成！搜索已完成并应用样式。",
+  "MatchesFound": "找到匹配项：",
+  "RevertToOriginal": "恢复",
+
+  "LoadingMessage": "处理中...",
+
+  "AboutTitle": "文本高亮器",
+  "AboutVersion": "版本 1.0.0",
+  "AboutDescription": "该插件允许您搜索文本并在文档中应用高亮、颜色和格式样式。",
+  "AboutCopyright": "© 2025 ONLYOFFICE 插件"
+}
diff --git a/store/config.json b/store/config.json
index 529f71db..23eace60 100644
--- a/store/config.json
+++ b/store/config.json
@@ -35,5 +35,8 @@
 	{ "name": "pomodoro", "discussion": "" },
 	{ "name": "videoembedder", "discussion": "" },
 	{ "name": "mathpix", "discussion": "" },
-	{ "name": "icons", "discussion": "" }
+	{ "name": "icons", "discussion": "" },
+	{ "name": "datepicker", "discussion": "" },
+	{ "name": "news", "discussion": "" },
+	{ "name": "texthighlighter", "discussion": "" }
 ]