MP-229 year picker updated

Author: kkartunov

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

@@ -47,6 +47,7 @@
         select {
             border: none;
             background-color: transparent;
+            margin: auto;
 
             option:hover {
                 background-color: $turq-160;

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

@@ -60,9 +60,13 @@ const InputDatePicker: FC<InputDatePickerProps> = (props: InputDatePickerProps)
     }: any): JSX.Element {
         return (
             <div className={styles.headerWrap}>
-                <button onClick={decreaseMonth} disabled={prevMonthButtonDisabled} type='button'>
-                    <IconOutline.ArrowCircleLeftIcon />
-                </button>
+                {
+                    props.showMonthPicker !== false && (
+                        <button onClick={decreaseMonth} disabled={prevMonthButtonDisabled} type='button'>
+                            <IconOutline.ArrowCircleLeftIcon />
+                        </button>
+                    )
+                }
 
                 {
                     props.showMonthPicker !== false && (
@@ -90,9 +94,13 @@ const InputDatePicker: FC<InputDatePickerProps> = (props: InputDatePickerProps)
                     ))}
                 </select>
 
-                <button onClick={increaseMonth} disabled={nextMonthButtonDisabled} type='button'>
-                    <IconOutline.ArrowCircleRightIcon />
-                </button>
+                {
+                    props.showMonthPicker !== false && (
+                        <button onClick={increaseMonth} disabled={nextMonthButtonDisabled} type='button'>
+                            <IconOutline.ArrowCircleRightIcon />
+                        </button>
+                    )
+                }
             </div>
         )
     }