MP-180 special year picker

Author: kkartunov

src/apps/profiles/src/member-profile/education-and-certifications/ModifyEducationModal/ModifyEducationModal.tsx

@@ -258,7 +258,7 @@ const ModifyEducationModal: FC<ModifyEducationModalProps> = (props: ModifyEducat
                         disabled={false}
                         error={formErrors.endDate}
                         dirty
-                        maxDate={new Date()}
+                        showMonthPicker={false}
                         showYearPicker
                         dateFormat='yyyy'
                     />

src/libs/ui/lib/components/form/form-groups/form-input/input-date-picker/InputDatePicker.tsx

@@ -27,6 +27,7 @@ interface InputDatePickerProps {
     readonly minDate?: Date | null | undefined;
     readonly minTime?: Date | undefined;
     readonly placeholder?: string
+    readonly showMonthPicker?: boolean
     readonly showYearPicker?: boolean
     readonly tabIndex?: number
 }
@@ -63,16 +64,20 @@ const InputDatePicker: FC<InputDatePickerProps> = (props: InputDatePickerProps)
                     <IconOutline.ArrowCircleLeftIcon />
                 </button>
 
-                <select
-                    value={months[getMonth(date)]}
-                    onChange={({ target: { value } }: any) => changeMonth(months.indexOf(value))}
-                >
-                    {months.map(option => (
-                        <option key={option} value={option}>
-                            {option}
-                        </option>
-                    ))}
-                </select>
+                {
+                    props.showMonthPicker !== false && (
+                        <select
+                            value={months[getMonth(date)]}
+                            onChange={({ target: { value } }: any) => changeMonth(months.indexOf(value))}
+                        >
+                            {months.map(option => (
+                                <option key={option} value={option}>
+                                    {option}
+                                </option>
+                            ))}
+                        </select>
+                    )
+                }
 
                 <select
                     value={getYear(date)}