From e701adac9fc074b1900b89113f9f2080875a4b6e Mon Sep 17 00:00:00 2001
From: Jin <22962980+JYC333@users.noreply.github.com>
Date: Mon, 31 Mar 2025 21:13:19 +0200
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20improve=20calendar=20op?=
 =?UTF-8?q?tion=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widgets/type_widgets/options/i18n/i18n.ts | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/i18n/i18n.ts b/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
index fe0d47f7f..e0c7662f2 100644
--- a/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
+++ b/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
@@ -55,7 +55,7 @@ const TPL = `
             </div>
         </div>
 
-        <div class="option-row">
+        <div class="option-row min-days-row" style="display: none;">
             <label for="min-days-in-first-week">${t("i18n.min-days-in-first-week")}</label>
             <select id="min-days-in-first-week" class="form-select">
                 ${Array.from({length: 7}, (_, i) => i + 1)
@@ -132,11 +132,23 @@ export default class LocalizationOptions extends OptionsWidget {
             this.updateOption("firstDayOfWeek", firstDayOfWeek);
         });
 
-        this.$widget.find(`input[name="first-week-of-year"]`).on("change", () => {
-            const firstWeekOfYear = String(this.$widget.find(`input[name="first-week-of-year"]:checked`).val());
-            this.updateOption("firstWeekOfYear", firstWeekOfYear);
+        this.$widget.find('input[name="first-week-of-year"]').on('change', (e) => {
+            const target = e.target as HTMLInputElement;
+            const value = parseInt(target.value);
+            const $minDaysRow = this.$widget.find('.min-days-row');
+
+            if (value === 2) {
+                $minDaysRow.show();
+            } else {
+                $minDaysRow.hide();
+            }
         });
 
+        const currentValue = this.$widget.find('input[name="first-week-of-year"]:checked').val();
+        if (currentValue === "2") {
+            this.$widget.find('.min-days-row').show();
+        }
+
         this.$widget.find("#min-days-in-first-week").on("change", () => {
             const minDays = String(this.$widget.find("#min-days-in-first-week").val());
             this.updateOption("minDaysInFirstWeek", minDays);