- disableBackdropClick={props.submitting}
- disableEscapeKeyDown={props.submitting}>
- <div className={props.classes.dialog}>
- <form>
- <DialogTitle className={props.classes.dialogTitle}>
- {props.dialogTitle}
- </DialogTitle>
- <DialogContent className={props.classes.formContainer}>
- <props.formFields {...props} />
- </DialogContent>
- <DialogActions className={props.classes.dialogActions}>
- <Button
- onClick={props.closeDialog}
- className={props.classes.button}
- color="primary"
- disabled={props.submitting}>
- {props.cancelLabel || 'Cancel'}
- </Button>
- <Button
- onClick={props.handleSubmit}
- className={props.classes.lastButton}
- color="primary"
- disabled={props.invalid || props.submitting || props.pristine}
- variant="contained">
- {props.submitLabel || 'Submit'}
- {props.submitting && <CircularProgress size={20} className={props.classes.progressIndicator} />}
- </Button>
- </DialogActions>
- </form>
- </div>
+ disableBackdropClick
+ disableEscapeKeyDown={props.submitting}
+ fullWidth
+ maxWidth='md'>
+ <form data-cy='form-dialog'>
+ <DialogTitle className={props.classes.dialogTitle}>
+ {props.dialogTitle}
+ </DialogTitle>
+ <DialogContent className={props.classes.formContainer}>
+ <props.formFields {...props} />
+ </DialogContent>
+ <DialogActions className={props.classes.dialogActions}>
+ <Button
+ data-cy='form-cancel-btn'
+ onClick={props.closeDialog}
+ className={props.classes.button}
+ color="primary"
+ disabled={props.submitting}>
+ {props.cancelLabel || 'Cancel'}
+ </Button>
+ <Button
+ data-cy='form-submit-btn'
+ type="submit"
+ onClick={props.handleSubmit}
+ className={props.classes.lastButton}
+ color="primary"
+ disabled={props.invalid || props.submitting || (props.pristine && !props.enableWhenPristine)}
+ variant="contained">
+ {props.submitLabel || 'Submit'}
+ {props.submitting && <CircularProgress size={20} className={props.classes.progressIndicator} />}
+ </Button>
+ </DialogActions>
+ </form>