diff --git a/packages/date/src/DateField.js b/packages/date/src/DateField.js
index <HASH>..<HASH> 100644
--- a/packages/date/src/DateField.js
+++ b/packages/date/src/DateField.js
@@ -4,11 +4,11 @@ import { Label } from 'reactstrap';
 import { FormGroup, Feedback } from '@availity/form';
 import Date from './Date';
 
-const DateField = ({ name, label, labelClass, labelHidden, labelAttrs, ...props }) => (
+const DateField = ({ name, label, labelClass, labelHidden, labelAttrs, id = name, ...props }) => (
   <FormGroup for={name}>
     {label && (
       <Label 
-        for={name}
+        for={id}
         className={labelClass}
         hidden={labelHidden}
         {...labelAttrs}
@@ -16,7 +16,7 @@ const DateField = ({ name, label, labelClass, labelHidden, labelAttrs, ...props 
           {label}
         </Label>
     )}
-    <Date name={name} {...props} />
+    <Date name={name} id={id} {...props} />
     <Feedback name={name} />
   </FormGroup>
 );
fix(DateField): use id as for in label