diff --git a/web/src/features/dialog/components/fields/date.tsx b/web/src/features/dialog/components/fields/date.tsx
index 968f10ab5..c3230465f 100644
--- a/web/src/features/dialog/components/fields/date.tsx
+++ b/web/src/features/dialog/components/fields/date.tsx
@@ -2,6 +2,7 @@ import { IDateInput } from '../../../../interfaces/dialog';
 import { Control, useController } from 'react-hook-form';
 import { FormValues } from '../../InputDialog';
 import { DatePicker } from '@mantine/dates';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 interface Props {
   row: IDateInput;
@@ -31,6 +32,7 @@ const DateField: React.FC<Props> = (props) => {
       inputFormat="DD/MM/YYYY"
       withAsterisk={props.row.required}
       clearable={props.row.clearable}
+      icon={props.row.icon && <FontAwesomeIcon fixedWidth icon={props.row.icon} />}
       minDate={props.row.min ? new Date(props.row.min) : undefined}
       maxDate={props.row.max ? new Date(props.row.max) : undefined}
     />
diff --git a/web/src/interfaces/dialog.ts b/web/src/interfaces/dialog.ts
index e1f696e82..46175f0e8 100644
--- a/web/src/interfaces/dialog.ts
+++ b/web/src/interfaces/dialog.ts
@@ -79,4 +79,5 @@ export interface IDateInput {
   clearable?: boolean;
   min?: string;
   max?: string;
+  icon?: IconProp;
 }