fix issues with disable

Author: shahzad31

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/duration/__snapshots__/duration.test.tsx.snap

@@ -132,9 +132,15 @@ describe('DurationFormatEditor', () => {
 
     const labels = component.find(EuiSwitch);
     expect(labels.length).toEqual(2);
-    expect(labels.get(0).props.label.props.defaultMessage).toEqual('Use short suffix');
-    expect(labels.get(0).props.disabled).toEqual(false);
-    expect(labels.get(1).props.label.props.defaultMessage).toEqual(
+    const useShortSuffixSwitch = labels.get(0);
+
+    expect(useShortSuffixSwitch.props.label.props.defaultMessage).toEqual('Use short suffix');
+    expect(useShortSuffixSwitch.props.disabled).toEqual(false);
+
+    const includeSpaceSwitch = labels.get(1);
+
+    expect(includeSpaceSwitch.props.disabled).toEqual(false);
+    expect(includeSpaceSwitch.props.label.props.defaultMessage).toEqual(
       'Include space between suffix and value'
     );
 

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/duration/duration.test.tsx

@@ -179,7 +179,6 @@ export class DurationFormatEditor extends DefaultFormatEditor<
                   onChange={(e) => {
                     this.onChange({
                       showSuffix: !formatParams.showSuffix,
-                      includeSpaceWithSuffix: !formatParams.showSuffix,
                     });
                   }}
                 />
@@ -204,7 +203,9 @@ export class DurationFormatEditor extends DefaultFormatEditor<
             </EuiFormRow>
             <EuiFormRow>
               <EuiSwitch
-                disabled={!Boolean(formatParams.showSuffix)}
+                disabled={
+                  !Boolean(formatParams.showSuffix) && !(format as DurationFormat).isHumanPrecise()
+                }
                 label={
                   <FormattedMessage
                     id="indexPatternFieldEditor.duration.includeSpace"