diff --git a/src/components/GiForm/src/GiForm.vue b/src/components/GiForm/src/GiForm.vue
index 74e5276..08b6add 100644
--- a/src/components/GiForm/src/GiForm.vue
+++ b/src/components/GiForm/src/GiForm.vue
@@ -121,6 +121,48 @@
                 </a-time-picker>
               </template>
 
+              <template v-if="item.type === 'year-picker'">
+                <a-year-picker
+                  v-bind="(item.props as A.YearPickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-year-picker>
+              </template>
+
+              <template v-if="item.type === 'month-picker'">
+                <a-month-picker
+                  v-bind="(item.props as A.MonthPickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-month-picker>
+              </template>
+
+              <template v-if="item.type === 'quarter-picker'">
+                <a-quarter-picker
+                  v-bind="(item.props as A.QuarterPickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-quarter-picker>
+              </template>
+
+              <template v-if="item.type === 'week-picker'">
+                <a-week-picker
+                  v-bind="(item.props as A.WeekPickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-week-picker>
+              </template>
+
+              <template v-if="item.type === 'range-picker'">
+                <a-range-picker
+                  v-bind="(item.props as A.RangePickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-range-picker>
+              </template>
+
+              <template v-if="item.type === 'color-picker'">
+                <a-color-picker
+                  v-bind="(item.props as A.ColorPickerInstance['$props'])"
+                  :model-value="modelValue[item.field as keyof typeof modelValue]"
+                  @update:model-value="valueChange($event, item.field)"></a-color-picker>
+              </template>
+
               <template v-if="item.type === 'rate'">
                 <a-rate
                   v-bind="(item.props as A.RateInstance['$props'])"
diff --git a/src/components/GiForm/src/type.ts b/src/components/GiForm/src/type.ts
index c76ea34..f7f7325 100644
--- a/src/components/GiForm/src/type.ts
+++ b/src/components/GiForm/src/type.ts
@@ -8,6 +8,12 @@ export type FormType =
   | 'textarea'
   | 'date-picker'
   | 'time-picker'
+  | 'year-picker'
+  | 'quarter-picker'
+  | 'week-picker'
+  | 'range-picker'
+  | 'month-picker'
+  | 'color-picker'
   | 'input-number'
   | 'rate'
   | 'switch'
@@ -22,9 +28,15 @@ export type ColumnsItemPropsKey =
   | keyof A.TextareaInstance['$props']
   | keyof A.DatePickerInstance['$props']
   | keyof A.TimePickerInstance['$props']
+  | keyof A.YearPickerInstance['$props']
+  | keyof A.MonthPickerInstance['$props']
+  | keyof A.QuarterPickerInstance['$props']
+  | keyof A.WeekPickerInstance['$props']
+  | keyof A.RangePickerInstance['$props']
   | keyof A.RadioGroupInstance['$props']
   | keyof A.CheckboxGroupInstance['$props']
   | keyof A.InputNumberInstance['$props']
+  | keyof A.ColorPickerInstance['$props']
   | keyof A.RateInstance['$props']
   | keyof A.SwitchInstance['$props']
   | keyof A.SliderInstance['$props']