fix(nc-gui): resize broken

packages/nc-gui/components/smartsheet/calendar/MonthView.vue

@@ -865,20 +865,20 @@ const isDateSelected = (date: dayjs.Dayjs) => {
             <template v-if="!isRowEmpty(record, displayField)">
               <div
                 :class="{
-                  '!mt-2': displayField.uidt === UITypes.SingleLineText,
-                  '!mt-1': displayField.uidt === UITypes.MultiSelect || displayField.uidt === UITypes.SingleSelect,
+                  '!mt-2': displayField!.uidt === UITypes.SingleLineText,
+                  '!mt-1': displayField!.uidt === UITypes.MultiSelect || displayField!.uidt === UITypes.SingleSelect,
                 }"
               >
                 <LazySmartsheetVirtualCell
-                  v-if="isVirtualCol(displayField)"
-                  v-model="record.row[displayField.title]"
+                  v-if="isVirtualCol(displayField!)"
+                  v-model="record.row[displayField!.title!]"
                   :column="displayField"
                   :row="record"
                 />
 
                 <LazySmartsheetCell
                   v-else
-                  v-model="record.row[displayField.title]"
+                  v-model="record.row[displayField!.title!]"
                   :column="displayField"
                   :edit-enabled="false"
                   :read-only="true"

packages/nc-gui/components/smartsheet/calendar/RecordCard.vue

@@ -1,8 +1,11 @@
 <script lang="ts" setup>
+import type { Row } from '~/lib'
+
 interface Props {
   color?: string
   resize?: boolean
   hover?: boolean
+  record?: Row
   selected?: boolean
   size?: 'small' | 'medium' | 'large' | 'auto'
   position?: 'leftRounded' | 'rightRounded' | 'rounded' | 'none'