diff --git a/packages/components/src/date-time/index.js b/packages/components/src/date-time/index.js
index 97bd891cac9a7..bb7434d2e82ce 100644
--- a/packages/components/src/date-time/index.js
+++ b/packages/components/src/date-time/index.js
@@ -34,7 +34,7 @@ export class DateTimePicker extends Component {
 	}
 
 	render() {
-		const { currentDate, is12Hour, onChange } = this.props;
+		const { currentDate, is12Hour, isInvalidDate, onChange } = this.props;
 
 		return (
 			<div className="components-datetime">
@@ -48,6 +48,7 @@ export class DateTimePicker extends Component {
 						<DatePicker
 							currentDate={ currentDate }
 							onChange={ onChange }
+							isInvalidDate={ isInvalidDate }
 						/>
 					</>
 				) }