From bd2f150fb79ff6b1bc5b976856f09d1b2ba38276 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Tue, 20 Feb 2024 07:16:03 +0000
Subject: [PATCH] fix(nc-gui): view create error

---
 packages/nc-gui/components/dlg/ViewCreate.vue                  | 2 +-
 .../nc-gui/components/smartsheet/toolbar/CalendarRange.vue     | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/dlg/ViewCreate.vue b/packages/nc-gui/components/dlg/ViewCreate.vue
index 6b7c84d3e8..7adfe5f454 100644
--- a/packages/nc-gui/components/dlg/ViewCreate.vue
+++ b/packages/nc-gui/components/dlg/ViewCreate.vue
@@ -227,7 +227,7 @@ async function onSubmit() {
 
 const addCalendarRange = async () => {
   form.calendarRange.push({
-    fk_from_column_id: viewSelectFieldOptions.value[0],
+    fk_from_column_id: viewSelectFieldOptions.value[0].value,
     fk_to_column_id: null,
   })
 }
diff --git a/packages/nc-gui/components/smartsheet/toolbar/CalendarRange.vue b/packages/nc-gui/components/smartsheet/toolbar/CalendarRange.vue
index fa1946fcbc..1f8e146902 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/CalendarRange.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/CalendarRange.vue
@@ -94,9 +94,10 @@ const dateFieldOptions = computed<SelectProps['options']>(() => {
 // To add new calendar range
 const addCalendarRange = async () => {
   _calendar_ranges.value.push({
-    fk_from_column_id: dateFieldOptions.value[0],
+    fk_from_column_id: dateFieldOptions.value[0].value,
     fk_to_column_id: null,
   })
+  await saveCalendarRanges()
 }
 
 const removeRange = async (id: number) => {